Appui sur un bouton non pris en compte

Version imprimable

Bonjour à toutes et à tous,

j'ai écrit le code HTML suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
 
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>TextArea</title>
  <button onclick="info;" class="button button-data">Infos fichiers</button> 
  </head><body>
	<label for="story">Tell us your story:</label>
	<textarea id="story" name="story" rows="5" cols="50">It was a dark and
	stormy night...
	</textarea>
 
<script>
    function info() {
      document.getElementById('story').textContent = "ceci est le nouveau texte";
    }
  </script>
</body></html>

Lorsque je clique sur le bouton, rien ne se passe. Je ne vois pas mon erreur.

Merci de votre aide.

Pierre.

quand vous utilisez info c'est une référence à la variable javascript qui contient la fonction. si vous voulez exécuter la fonction, il faut rajouter des parenthèses info().

1er conseil : utilisez plutot l'encodage UTF-8 pour votre page, il est utilisé majoritairement depuis plusieurs années, dans le monde entier et donc c'est l'encodage que vous retrouverez dans beaucoup de cas. et donc il est certainement géré par votre éditeur de code.

2e conseil : séparez le code html et le code. cela a plusieurs avantages comme la possibilité de mettre les 2 sortes de code dans des fichiers séparés et donc vous vous y retrouverez mieux.
pour faire cela, dans le code html mettez un identifiant au bouton comme cela :
<button id="le_bouton" class="button button-data">Infos fichiers</button>
et ensuite utilisez l'identifiant dans le code javascript comme cela :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 document.addEventListener("DOMContentLoaded", e => { // code qui s'exécute quand tout le code html est chargé par le navigateur document.getElementById("le_bouton").addEventListener("click", e => { document.getElementById('story').textContent = "ceci est le nouveau texte"; }); });

03/04/2025, 11h26
ChPr

Merci "mathieu" pour cette correction et pour les conseils.

Cordialement.

Pierre.