Impossible de générer son propre code en local


#1

Bonjour,

Je cherche à faire un script pour moi et la fonction innerHTML semble ne pas fonctionner chez moi, j'ai cette erreur
script.js:8 Uncaught TypeError: Cannot read property 'innerHTML' of null(…)
En clair, il ne trouve pas mon id "textaera" et j'ai essayé avec d'autres description mais rien à faire.

Je veux créer une page simple et récupérer le texte dans le textarea, histoire de m'entrainer
Tester sur un Mac et Windows sous Chrome

Le code HTML

<!DOCTYPE html>
<html>
<head>
  <title>Verification doublons</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  <script type="text/javascript" src="script.js"></script>
</head>

<body>

<!-- Menu de navigation du site -->
<ul class="navbar">
  <li><a href="index.html">Home</a>
  <li><a href="#">1</a>
  <li><a href="#">2</a>
  <li><a href="#">3</a>
</ul>

<!-- Contenu principal -->
<h1>Projet</h1>
<textarea name="textarea" id="textarea" rows="10" cols="50">Saisir un texte ici.</textarea>

</body>
</html>

Le code JS

var textarea = document.getElementById('textarea');
console.log(textarea);
var textarea_content = textarea.innerHTML;

Merci pour votre eclaircissement


#2

try:

var textarea = document.getElementById('textarea').value;

The value property sets or returns the contents of a text area.


#3

Thanks denys !
Don't work :disappointed_relieved:

The console.log(textarea) reveals "null" as if the id is not found for textarea
I try another id and it's the same "null"
I don't understand why


#4

Try this:

...
<script src="script.js"></script>
</body>

Put <script></script> before </body>. Try with value property.


#5

O-M-G !
Denys you are unbelievable !
That's works !
All right it was just because i put the script in the head ... wtf
Thanks dude !