Bonjour, je souhaite simplement récupérer un contenu pour l'afficher dans une liste mais la console me renvoie ce messageVoila monUncaught TypeError: Cannot read property 'innerHTML' of null at HTMLFormElement.<anonymous>.
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 <!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> <div class="container"> <h1>todo list</h1> <form action=""> <input type="text" placeholder="À faire" id="item" autocomplete="off" minlength="2"> </form> <ul class="list"></ul> </div> </body> <script type="text/javascript" src="script.js"></script> </html>
Merci pour votre aide !!
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 const list = document.getElementById('list'); const form = document.querySelector('form'); const item = document.getElementById('item'); form.addEventListener('submit', (e) => { e.preventDefault(); list.innerHTML += `<li>${item.value}</li>`; });
Partager