Appui sur un bouton non pris en compte

**ChPr** · 02/04/2025, 19h17

Bonjour à toutes et à tous,

j'ai écrit le code HTML suivant :

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
<!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.

**mathieu** · 02/04/2025, 21h58

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

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

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";	
 
	});
 
 
 
});

**ChPr** · 03/04/2025, 11h26

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

Cordialement.

Pierre.

Appui sur un bouton non pris en compte

JavaScript

Discussions similaires

Partager

Partager