Discussion :

[aliounekanoute]

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 HTML :

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

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 :

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

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.

[SpaceFrog]

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

[aliounekanoute]

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

[NoSmoking]

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 :

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

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

[aliounekanoute]

Ah d'accord je comprends mieux Merci !