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

Vue hybride

Discussions similaires

Partager

Partager