Changement de bouton a chaque click

**debutJS** · 01/02/2014, 12h21

Bonjour je suis débutante en java script
et je voudrai réaliser un petit script : j 'aime changer le bouton a chaque click
en gros mon bouton s'appel démarrer quand je click dessus il devient arrêter
ma page html
je vous montre mon fichier html

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>
<html>
	<head>
		<meta charset=utf-8/>
	        <link rel="stylesheet" href="style.css" />
		<title> neige</title>	
	</head>
	<body>
		<h1> neige</h1>
		<form id="f" name="f">
			<button id="but"class="button" type="button">demarrer</button>
 
		</form>
 
		<script src="neige.js">
  </script>
	</body>
</html>

le fichier .js

Code :

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

var but=document.getElementById("id")

merci

**sekaijin** · 01/02/2014, 12h24

ton bouton à pour id "but"

Code html :

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

<button id="but"

donc dans ton js

Code :

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

var but=document.getElementById("but")

la variable but est donc une référence à l'objet bouton de ta page
tu peux modifier le contenue ainsi

Code :

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

but.innerHTML='<b>toto</b>';

A+JYT

**Auteur** · 01/02/2014, 17h51

bonjour,

une petite remarque : évite de donner à tes variables le nom d'une balise HTML, la valeur d'un attribut id ou name d'un objet. Ici tu as un objet id="but" et ta variable s'appelle but.

Changement de bouton a chaque click

JavaScript

Discussions similaires

Partager

Partager