TypeError: document.getElementById() is null

Bonjour, je suis un tuto sur JS mais j'ai une erreur que je n'arrive pas à fixé donc je voulais savoir si quelqu'un avait une solution :
Mon code HTML :

Code:

---

1 2 3 4 5 6 7 8 9

<div class="body"> <div class="message" id="message-sent">   </div> <div class="chat-form"> <textarea name="text" rows="8" cols="80" id="message"></textarea> <button type="button" name="button" id="button">Envoyer</button> </div> </div>

---

Mon code JS :

Code:

---

1 2 3 4 5 6 7 8

function send() { var message = document.getElementById('message'); var message_sent = document.getElementById('message-sent'); message_sent.innerHTML += '<p>'+message.value+'</p><br />'; message.value = ''; }   document.getElementById("button").addEventListener("click",send);

---

Au fait j'ai cette erreur : TypeError: document.getElementById(...) is null mais le code me semble correct.

il est ou ton js par rapport à ton html ?
Avant ? Après ?

Mon JS est sur un fichier .js et j'ai inclu une balise scripte dans le head

Bonjour,
comme on le dit souvent,« on ne peut accrocher un tableau à un mur que si ce mur existe ».

Cela signifie plus simplement que ton élément ne fait encore pas partie du DOM quand tu essaies d'y accéder.

Plusieurs solutions existent dont celle de mettre le JavaScript en fin de fichier HTML ou plus élégant

Code:

---

1 2 3 4

// Initialisation après chargement du DOM document.addEventListener("DOMContentLoaded", function() { // mettre ici le code à exécuter });

---

Ah d'accord je comprends mieux Merci !