Discussion :

[KOEOS]

Bonjour,

J'ai des variables contenant des valeurs numériques, je souhaiterais que ces valeurs s'actualise automatiquement dans mon HTML, à chaque changement de valeur, sans rechargement de la page.
J'ai fait des recherches sur le sujet mais je ne trouve rien qui soit adapté à ma situation, pourtant je suis certain que c'est quelque chose de simple qui m'échappe.

J'insiste sur le fait que l'actualisation doit se faire à chaque changement de valeur, car parfois ce changement est provoqué par un clique, et parfois c'est automatique au bout de 10 secondes (exemple).
Au passage, je ne suis pas développeur, je suis juste curieux de comprendre comment ça fonctionne.
Petite précision, pas de base de données derrière tout ça, juste du local.

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
<div>
	<div id="puissance_totale">
		<script>document.getElementById("puissance_totale").innerHTML = "Puissance totale : "+puissance_totale;</script>
	</div>
	<div id="puissance_stock">
		<script>document.getElementById("puissance_stock").innerHTML = "Puissance en stock : "+puissance_stock;</script>
	</div>
	<div id="annee_puissance">
		<script>document.getElementById("annee_puissance").innerHTML = "Année de puissance : "+annee_puissance;</script>
	</div>
</div>
<div>
	<a href="#"><span onclick="puissance_stock+=1;">Computer</span></a>
</div>

Avec ce code, la variable puissance_stock augmente bien de 1 au clique de Computer :



Comment faire en sorte que cette valeur s'actualise automatiquement ?

Je vous remercie de l'aide que vous pourrez m'apporter.

[Loralina]

Bonjour,
Dans ce style :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
<div id="puissance_stock"></div>
<a href="#"><span onclick="modifier_puissance_stock(puissance_stock+1);">Computer</span></a>
<script>
function modifier_puissance_stock(valeur) {
        puissance_stock = valeur;
        document.getElementById("puissance_stock").innerHTML = "Puissance en stock : " + puissance_stock;
}
var puissance_stock;
modifier_puissance_stock(0);
</script>

[KOEOS]

Bonjour,

Merci pour ta réponse, je n'avais pas pensé à simplement réutiliser ce code :

Code :

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

document.getElementById("puissance_stock").innerHTML = "Puissance en stock : " + puissance_stock;

Du coup j'ai fait comme tu as proposé, et j'ai rajouté simplement :

Code :

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

1
2
3
4
5
 
function actualisationVariables() {
	document.getElementById("puissance_stock").innerHTML = "Puissance en stock : "+puissance_stock;
}
setInterval(actualisationVariables, 100);

Je clôture, j'ai quelque chose qui correspond à mes attentes si je modifie le code en fonction des actions.