Cannot read property 'appendChild' of null at HTMLInputElement.

**Goosh** · 02/07/2021, 15h36

Bonjour à tous,

J'essaye de créer une div pour chaque contenu validé lorsque mon bouton submit est cliqué, voici mon code :

Code :

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
const inputVal = document.getElementById("inputVal");
const submitBtn = document.querySelector('.submit');
const newElt = document.createElement("div");
let elt = document.querySelector(".WrapperContent");
let inputContent = ""
 
 
inputVal.addEventListener('input', function(e){
    inputContent = e.target.value;
    console.log(inputContent);
})
 
submitBtn.addEventListener('click', function(){
    newElt.innerText = inputContent;
    console.log(newElt);
    elt.appendChild(newElt);
    /*newElt.classList.add('todo');*/
})

mon HTML, si nécessaire...:

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
 <!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial scale=1">
        <link href="style.css" rel="stylesheet">
        <title>tuto</title>
    </head>
    <body>
        <section class="section">
          <div class="container">
            <h1 class="title"> TO DO LIST</h1>
              <div class="wrapperContent">
                <input id="inputVal" type="text" placeholder="Ecrivez ce que vous devez faire ">
                <input class="submit" type="submit" value="Submit">
            </div>
          </div>
 
          <div id="div"></div>
        </section>
 
    </body>
    <script type="text/javascript" src="script.js"></script>
 
</html>

La console me renvoi ce message d'erreur :

"Cannot read property 'appendChild' of null at HTMLInputElement."

Quelqu'un aurait-il une solution ? Merci pour votre aide !

**NoSmoking** · 02/07/2021, 16h21

Bonjour,

Code html :

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

<div class="wrapperContent">

Code :

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

let elt = document.querySelector(".WrapperContent");  //  <- w et non W

**Goosh** · 02/07/2021, 16h29

ah désolé merci... je débute et je galère pas mal haha

Je crois que je vais en reposer d'autres des comme ça...

Cannot read property 'appendChild' of null at HTMLInputElement.

JavaScript

Discussions similaires

Partager

Partager