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

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();
})
C'est un HTML tout simple avec un formulaire et quand on rentre une valeur je la console.log.

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