Calcul html

tibout31 Messages postés 7 Date d'inscription   Statut Membre Dernière intervention   -  
HACKER 712 Messages postés 1282 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonjour,
J'essaye de réaliser un formulaire dans lequel les personnes encode un nombre, et suivant ce nombre, on leur affiche plusieures données ( prix, prix à la pièce, ce qu'il gagne...)
Pouvez-vous m'aider à réaliser ce "calcul".
Je sais qu'il est possible de le faire en html mais hélas, je ne suis pas encore assez pro pour savoir le faire.
Un grand merci d'avance.
A voir également:

6 réponses

HACKER 712 Messages postés 1282 Date d'inscription   Statut Contributeur Dernière intervention   255
 
Bonjour !

Es-tu sûr que c'est réalisable en html ? Je crois qu'il faut utiliser du php...
Le html ne connait pas les opérations arithmétiques...
1
HACKER 712 Messages postés 1282 Date d'inscription   Statut Contributeur Dernière intervention   255
 
Oui, mais il n'est pas entièrement en html, regarde, il y a ça à un moment :
<script type="text/javascript">
!

Mais pour récupérer ce que l'utilisateur a tapé, il faut du php...
1
2berte Messages postés 204 Date d'inscription   Statut Membre Dernière intervention   143
 
Complétement d'accord avec Hacker 712. Le html sert juste à faire de l'affichage. Tu peux le faire en php ou en javascript.

Bon courage
0
tibout31 Messages postés 7 Date d'inscription   Statut Membre Dernière intervention  
 
Pourtant vous pouvez voir qu'avec ce script html on arrive à avoir un calcul.
N'est-il pas possible de la même manière de créer ce que je souhaiterais?
Merci d'avance

Voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IMC</title>
<script type="text/javascript">
var getId = function(id) {
return document.getElementById(id);
}

var putContent = function(element, content) {
if(typeof(element.textContent) != 'undefined') {
element.textContent = content;
} else {
element.innerText = content;
}
}

var addEvent = function(object, eventName, myFunction) {
if(object.addEventListener) {
object.addEventListener(eventName, myFunction, false);
} else if(object.attachEvent) {
object.attachEvent('on'+eventName, myFunction);
}
}

var getImc = function(height, weight) {
return weight/(height*height)*10000;
}

var submitImc = function() {
var height = getId('height');
var weight = getId('weight');
var imcDiv = getId('imc');

if(height && weight && imcDiv) {
var imc = parseInt(getImc(parseInt(height.value), parseInt(weight.value)));
if(imc < 18) {
var content = 'Vous etes maigre ! ('+imc+')';
} else if(imc >= 18 && imc < 26) {
var content = 'Vous êtes "normal". ('+imc+')';
} else {
var content = 'Un kebab de trop ce midi =D ('+imc+')';
}
putContent(imcDiv, content);
}
}

addEvent(window, 'load', function() {
addEvent(getId('submitImc'), 'click', submitImc);
});
</script>
</head>

<body>

<p><input type="text" id="height" /> Taille</p>

<p><input type="text" id="weight" /> Poids</p>
<div id="imc"></div>
<p><input type="button" id="submitImc" value="Calculer mon IMC" /></p>

</body>
</html>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
tibout31 Messages postés 7 Date d'inscription   Statut Membre Dernière intervention  
 
Ha oui je n'avais pas vu. :-(
Je vais devoir me mettre au php alors.
Ce qui est encore plus compliqué.
Un grand merci quand même
0
HACKER 712 Messages postés 1282 Date d'inscription   Statut Contributeur Dernière intervention   255
 
Plus compliqué ? Non, puisqu'apparemment tu n'as pas besoin de bdd...
0