Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 23/01/2012, 15h04   #1
Candidat au titre de Membre du Club
 
Inscription : octobre 2010
Messages : 27
Détails du profil
Informations forums :
Inscription : octobre 2010
Messages : 27
Points : 10
Points : 10
Par défaut Afficher une variable dynamique en javascript

Bjr, je voudrais afficher dynamiquement une variable après un click sur le bouton. (c'est pas un grand succès)

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="UTF-8" />
 	<script>
	val = 1;
 
	function addi( ){
 
	  ++val;
	}
	</script>
</head>
 
<body>
	<button onClick="addi()">ok</button>
	<p><script>document.write( val );</script></p>
</body>
</html>
laurent1133 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/01/2012, 15h22   #2
Membre confirmé
 
Avatar de SPACHFR
 
Inscription : février 2004
Messages : 502
Détails du profil
Informations forums :
Inscription : février 2004
Messages : 502
Points : 243
Points : 243
Bonjour,

Voici un petit exemple :

Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<html>
<head>
<script type="text/javascript">
	var val = 1;
	function addi( ){
	  ++val;
	 document.getElementById("valeur").innerHTML = val; 
	}
</script>
</head>
<body>
<div id="bt">
<button onClick="addi()">ok</button>
</div>
<div id="valeur">
<div>
</body>
</html>
__________________
S'il n'y a pas de solution c'est qu'il n'y a pas de problème.
SPACHFR est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/01/2012, 18h06   #3
Candidat au titre de Membre du Club
 
Inscription : octobre 2010
Messages : 27
Détails du profil
Informations forums :
Inscription : octobre 2010
Messages : 27
Points : 10
Points : 10
Par défaut thk

Merci !

A l'occasion peux tu m'indiquer à quoi correspond la ligne 8 du code !

Cdt.
laurent1133 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 23/01/2012, 18h10   #4
Membre éclairé
 
Avatar de Nowwis
 
Homme
Développeur Web
Inscription : juin 2009
Messages : 363
Détails du profil
Informations personnelles :
Sexe : Homme
Âge : 21
Localisation : France

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : juin 2009
Messages : 363
Points : 365
Points : 365
Bonjour,

Code :
document.getElementById("valeur").innerHTML = val;
Signifie simplement :

Dans le document, prendre l'élement d'ID "valeur". (donc tu as ta div).
.innetHTML quand a lui, va écrire du code HTML. ON lui affecte la variable val.
Nowwis est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 20h10.


 
 
 
 
Partenaires

Hébergement Web