Actualisation de valeur de variable sans rechargement de page

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:

---

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 :

Pièce jointe 499581

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

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

Bonjour,
Dans ce style :

Code:

---

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>

---

Bonjour,

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

Code:

---

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:

---

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.