-
Notifications
You must be signed in to change notification settings - Fork 1
/
nouvel essai index.html
136 lines (96 loc) · 2.76 KB
/
nouvel essai index.html
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<h1> Site internet de ZAF </h1>
<h2> Choses que vous trouverez dans ce site: </h2>
<ul>
<li>Des informations</li>
<li>Des cours</li>
<li>Des fiches de révision</li>
</ul>
<table>
<thead>
<tr>
<th> Propriétaire</th>
<th> Sources</th>
</tr>
</thead>
<tbody>
<tr>
<td>Carla</td>
<td>GitHub</td>
</tr>
</tbody>
</table>
<h2> Liste de courses </h2>
<fieldset>
<legend><b> Qui êtes-vous ? </b></legend>
<p></p>
<input type="name" id="nom" name="name" value="taper votre prénom" />
<p></p>
<legend> Selectionner votre budget : </legend>
<form>
<select name="budget" size="1">
<option>0-10
<option>11-50
<option>51 et +
</select>
</form>
<p></p>
<legend>Fruits</legend>
<div>
<input type="checkbox" id="Abricot" name="fruit" value="Abricot">
<label for="Abricot">Abricot</label>
</div>
<div>
<input type="checkbox" id="Banane" name="fruit" value="Banane">
<label for="Banane">Banane</label>
</div>
<div>
<input type="checkbox" id="Poire" name="fruit" value="Poire">
<label for="Poire">Poire</label>
</div>
<div>
<input type="checkbox" id="Pomme" name="fruit" value="Pomme" >
<label for="Pomme">Pomme</label>
</div>
</fieldset>
<p></p>
<button id="b2"> Valider </button>
<script>
const button1 = document.querySelector('button');
button1.addEventListener('click', (event) => {
let element = document.querySelectorAll('input[name="fruit"]:checked');
let liste_fruit = [];
element.forEach((checkbox) => {
liste_fruit.push(checkbox.value);
});
});
</script>
<script>
var nom1 = document.getElementById("nom");
let b1=document.querySelector('button');
b1.addEventListener('click',function(){alert('Validation confirmée, merci '+nom1.value+' vous devez acheter '+liste_fruit)})
</script>
</body>
</html>
<!-- https://www.javascripttutorial.net/javascript-dom/javascript-checkbox/
https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Global_Objects/Array
https://stackoverflow.com/questions/8856125/javascript-error-native-code-->
???
<div id="res">
<script>
let liste_fruit =[];
var element = document.getElementsByName("fruit");
for (var i=0; i<element.length; i++){
if (element[i].checked==true){
let newLength = liste.push(element[i].value);}
}
console.log(liste)
</script>
</div>