Bonjour,
Je suis en train d'apprendre le javascript mais j'ai quelques soucis parfois pour naviguer dans l'arborescence.
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 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Tuto</title> <style> form { margin: auto; width: 200px; display: flex; justify-content: center; min-height: 50vh; align-items: center; flex-direction: column; } div { border:10px solid blue; margin: auto; width: 60px; text-align: center; } </style> </head> <body> <form name="monformulaire"> <input type="text" name= nomdemontext placeholder="Pseudo"/> <button type="submit">S'inscrire</button> </form> <div></div> <script type="text/javascript" src="main.js"></script> </body> </html>
et le JS
C'est un HTML tout simple avec un formulaire et quand on rentre une valeur je la console.log.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 const myDoc = document.querySelector("form"); myDoc.addEventListener ("submit", function(event) { const rentre = document.monformulaire.nomdemontext.value; console.log(rentre); event.preventDefault(); })
Pour récupérer la valeur de mon formulaire j'ai const rentre = document.monformulaire.nomdetontext.value
Pourquoi pour y accéder je dois faire document.monformulaire... et pas document.body.monformulaire... ?
Le form que j'appelle mon formulaire est bien sous body ?
Même question pour const myDoc = document.querySelector("form");
Pourquoi n'est ce pas document.body.quesrySelector("form") ?
Merci de votre aide
Partager