Gestion des données dans un formulaire

**yacishak** · 29/04/2021, 18h59

Bonjour

Comment pourrais-je faire pour coder une page Html et un document en Javascript contenant toutes les fonctions utiles?
Le document HTML doit contenir un formulaire composé des éléments suivants.
•Une liste déroulante permettant de choisir un nombre entier acompris entre 0 et 10.
•Une zone de texte permettant d’entrer un nombre entier b.
•Un bouton radio permettant de choisir une des 4 options suivantes: «+», «-», «*» et «/».
•Un bouton de validation du formulaire.
Une fois la validation effectuée, des éléments HTML sont créés et affichés dans le document:
•un message d’erreur de votre choix si les choix conduisent à une division par 0;
•dans le cas contraire:
un texte rappelant les choix effectués;
un tableau (de 2 lignes et 2 colonnes) indiquant les résultats possibles selon l’ordre dans lequel s’effectue l’opération.

Exemples:
•Pour a=4, b=2, et le choix «+», l’affichage sera:
«Voici les sommes possibles avec a=4 et b=2:
4+2 2+4
6 6».
•Pour a=8, b=2, et le choix «/», l’affichage sera:
«Voici les quotients possibles avec a=8 et b=2:
8/2 2/8
4 0.25».
Merci d'avance

**Bousk** · 29/04/2021, 20h45

Tu peux ouvrir notepad et taper du code pour y parvenir.

**yacishak** · 29/04/2021, 23h20

Bonjour, je suis désolé c'est la première fois que je viens sur ce forum donc...
Mais bien évidemment que j'ai fait sur notepad ++ j'y même consacrée tout mon temps (pratiquement depuis hier matin)
Bref je vous met si joint tout ce que j'ai fait en espérant que vous m’aiderez
Merci

Ca c'est pour le HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<html> 
    <head>  <!-- en-tête de la page -->
	<meta charset="utf-8" />
	<title> Calculatrice </title>
    <script type="text/javascript" src="https://www.journaldunet.fr/web-tech/developpement/1202681-comment-recuperer-la-valeur-d-un-bouton-radio/" charset="UTF-8"></script></head>
 
        <!-- corps de la page -->
      <table border="1">
	  <center>
	  <form name="calculatrice">
    <select id="calc"> 
		 <option value="0">0</option>  
		 <option value="1">1</option>  
		 <option value="2">2</option>  
		 <option value="3">3</option>  
		 <option value="4">4</option> 
		 <option value="5">5</option>  
		 <option value="6">6</option>  
		 <option value="7">7</option>  
		 <option value="8">8</option>  
		 <option value="9">9</option>  
		 <option value="10">10</option> 
	</select>
	<input type="text" value="REP:">
	</form>
	<span id="rep"></span>
 
		<input type=radio id=1 name=choix value="+">+
		<input type=radio id=2 name=choix value="-">-
		<input type=radio id=3 name=choix value="*">*
		<input type=radio id=4 name=choix value="/">/
            <td colspan="3"><input id="output"/></td> 
            <td><button onclick="effacer()">c</button></td> 
 
	<body>
        <!-- corps de la page -->
	<form name="pour la somme">
		<input type="text" id="termeA">
		<input type="text" id="termeB">
		<input type="radio" value="Calcul" onclick="somme()">
	</form>
	<p> <span id='a'>0</span> + <span id='b'>0</span> = <span id='s'>0</span> </p>
 
	<form name="pour la différence">
		<input type="text" id="termeC">
		<input type="text" id="termeD">
		<input type="radio" value="Calcul" onclick="différence()">
	</form>
	<p> <span id='c'>0</span> - <span id='d'>0</span> = <span id='t'>0</span> </p>
 
	<form name="pour le produit">
		<input type="text" id="termeE">
		<input type="text" id="termeF">
		<input type="radio" value="Calcul" onclick="produit()">
	</form>
	<p> <span id='e'>0</span> * <span id='f'>0</span> = <span id='u'>0</span> </p>
 
	<form name="pour le quotient">
		<input type="text" id="termeG">
		<input type="text" id="termeH">
		<input type="radio" value="Calcul" onclick="quotient()">
	</form>
	<p> <span id='g'>0</span> / <span id='h'>0</span> = <span id='v'>0</span> </p>
 
    </body>
 
      </table> 
	</center>
   </body> 
   <script src="scriptdm.js"> </script>
</html>

Ca c'est pour le Java

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
function somme(){
	a=parseInt(document.getElementById("termeA").value);
	b=parseInt(document.getElementById("termeB").value);
 
	document.getElementById("a").innerHTML=a ;
	document.getElementById("b").innerHTML=b ;
	document.getElementById("s").innerHTML=a+b ;
	}
 
function différence(){
	a=parseInt(document.getElementById("termeC").value);
	b=parseInt(document.getElementById("termeD").value);
 
	document.getElementById("a").innerHTML=c ;
	document.getElementById("b").innerHTML=d ;
	document.getElementById("t").innerHTML=c-d ;
	}
 
function produit(){
	a=parseInt(document.getElementById("termeE").value);
	b=parseInt(document.getElementById("termeF").value);
 
	document.getElementById("a").innerHTML=e ;
	document.getElementById("b").innerHTML=f ;
	document.getElementById("u").innerHTML=e*f ;
	}
 
function quotient(){
	a=parseInt(document.getElementById("termeG").value);
	b=parseInt(document.getElementById("termeH").value);
 
	document.getElementById("a").innerHTML=g ;
	document.getElementById("b").innerHTML=h ;
	document.getElementById("v").innerHTML=g/h ;
	}
 
function correction(){
	reponse=document.getElementById("calc").value;
	if (reponse=="0"){
		document.getElementById("rep").innerHTML="division par 0 impossible" ;
		}
else {
		 var z = x / y;
    alert(x + "/" + y + "=" + z);
		}

Gestion des données dans un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager