5568 sujets

Sémantique web et HTML

Multiplier des inputs

Bonjour, je suis débutant dans le monde de la programmation et je souhaiterais coder un programme qui calcule une moyenne de trois qui seront saisit par l'utilisateur.
J'ai donc commencer avec ça mais je suis bloquer. Si quelqu'un pourrait m'aider ? Merci d'avance.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Calcul de Moyenne</title>
</head>
<body>
<h1>Calcul de trois moyennes</h1>
<form class="NSI_style1" name="note">
<input name="note1" id="note1" type="text" placeholder="Entrer la note" maxlength="2" class="NSI_style1_1"/><br>
<input name="note2" id="note2" type="text" placeholder="Entrer la note" maxlength="2" class="NSI_style1_1"/><br>
<input name="note3" id="note3" type="text" placeholder="Entrer la note" maxlength="2" class="NSI_style1_1"/><br>
<input name="result" type="texte" id="result">
<input type="button" value="Calculer"/>
</form>

</body>
</html>
Hello,

Oui il te manquait la fonction de calcul.
Allez voici la fonction qu'il te faut, j'ai mis un peu de commentaires, n'hésites pas si tu as des questions !
Le code complet:


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<title>Calcul de Moyenne</title>
		<script>
			// la fonction que tu appelle avec ton bouton
			function getMoyenne(){
				// tu récupère la valeur des inputs
				var note1 = document.getElementById("note1").value;
				var note2 = document.getElementById("note2").value;
				var note3 = document.getElementById("note3").value;
				// petit calcul
				var moyenne = ( Number(note1) + Number(note2) + Number(note3) ) / 3;
				// on insère le résultat en fixant à 2 décimales
				document.getElementById("resultat").value = moyenne.toFixed(2);
			}
		</script>
	</head>
	<body>
		<h1>Calcul de trois moyennes</h1>

		<input id="note1" type="text" placeholder="Entrer la note" maxlength="2"><br>
		<input id="note2" type="text" placeholder="Entrer la note" maxlength="2"><br>
		<input id="note3" type="text" placeholder="Entrer la note" maxlength="2"><br>
		
		<button onclick="getMoyenne();">Calculer</button><input id="resultat" type="text">

	</body>
</html>
Sujet clos
Aller à