[AJAX] Ajouter une valeur a une variable

Bonjours,

Voila je souhaiterai ajouté +1.30 a une variable, lorsque je clique dessus.

En gros

Il sera affiché sur la page du site, 0 (var num = 0).

Et lorsque je clique dessus il affiche 1.30, lorsque je reclique dessus sa affiche 3....

Je commence la ajax. Depuis peux.

Si vous pouviez m'aidez, sa me ferai vraiement plisir.

Merci a tous

Bonjour,
heu ... tu parles bien d'une simple addition, là ? :koi:
Il te suffit d'utiliser

Code:

---

parsefloat(document.getElementById('id_input').value, 10)

---

pour pouvoir effectuer des calculs sur les value stockées dans tes input ...
(ou parseInt() s'il ne s'agit que d'entiers)

Comme indiqué dans la FAQ, quoi ;)

Par contre, je suis pas sûr que tu obtiennes le résultat attendu

Citation:

---

Envoyé par thebarbarius

Et lorsque je clique dessus il affiche 1.30, lorsque je reclique dessus sa affiche 3....

---

Javascript t'affichera 2.6 ici :mrgreen:

EDIT : par contre, il n'y a, a priori, aucun lien avec Ajax ...

A+

Merci de ta reponse.

Il me semble que j'ai mal expliqué...

Donc je refais.

HTML :

Code:

---

1 2	<div id="num" style="background-color:#999999;" onclick="num()">1</div>

---

JS

Code:

---

1 2 3 4 5

function num() { var num = document.getElementById("num"); num.innerHTML = 1.30; }

---

Et bien, pour etre plus claire, sa va etre dur..

Pour faire simple donc, lorsque l'on clique sur la div, on increment la valeur existante de 1.30.

Voila.

Citation:

---

Envoyé par thebarbarius

Code:

---

1 2	<div id="num" style="background-color:#999999;" onclick="num()">1</div>

---

JS

Code:

---

1 2 3 4 5

function num() { var num = document.getElementById("num"); num.innerHTML = 1.30; }

---

...
Pour faire simple donc, lorsque l'on clique sur la div, on increment la valeur existante de 1.30.

---

"Pour faire simple" :calim2:

Si on pouvait considérer que
1 + 1.30 = 2.30
ça aiderait à simplifier :aie:

Ta fonction pourrait être

Code:

---

1 2 3 4

function num() { var num = document.getElementById("num"); num.innerHTML = parseFloat(num.value, 10) + 1.30; }

---

mais avec tes explications, je suis plus sûr de rien ...

A+

Autant pour moi.

l'incrémentation se fait bien de 1.30 en 1.30.

donc 1.30 + 1.30 = 2.60.

Je me suis précipité désolé de mon erreur.


Je souhaiterai récupérer la valeur de ma div ("num"), ensuite rajouter +1.30, a chaque clic sur cette div.

Donc pour l'exemple, ma div a pour valeur par defaut, 1.
Je clique dessus, elle passe a 2.30.
Je reclique dessus elle passe a 3.30.
ETC....

Voila

Citation:

---

Envoyé par thebarbarius

Aussi, je souhaiterai comme recuperer la valeur de mon div ("num").

---

Ca, tu l'as déjà fait tout seul

Code:

---

1 2	var num = document.getElementById("num"); num.innerHTML = 1.30;

---

Essaye d'ajouter un

Code:

---

alert(num.innerHTML);

---

pour t'en convaincre ;)

A+

Regarde mon edit, de mon post precedent.

Citation:

---

Envoyé par thebarbarius

Regarde mon edit, de mon post precedent.

---

Vu ! :aie:

On va pas avancer là :calim2:

A+

Au fait, tu l'as testé la fonction ?

Code:

---

1 2 3 4

function num() { var num = document.getElementById("num"); num.innerHTML = parseFloat(num.innerHTML, 10) + 1.30; }

---

EDIT : adaptée avec innerHTML puisqu'il s'agit d'un div et non d'un input

A+

Ah au duxieme elle marche, ta fonction.

Elle m'afficher NaN au premier test.


Question :

Code:

---

num.innerHTML = parseFloat(num.innerHTML, 10) + 1.30;

---

C'est quoi le 10 ?

au premier sa m'affiche bien, 2.30, par contre au 3eme sa m'affiche 3.5999999999999996.

Tu sais d'où sa vient ?

Citation:

---

Envoyé par thebarbarius

C'est quoi le 10 ?

---

Une précaution ;)
Il s'agit de la base 10.
Si tu ne le précises pas Javascript peut prendre des libertés et convertir ta valeur en fonction du premier caractère. Ainsi tu risquerais un résultat en base 8, par exemple ...

Citation:

---

au premier sa m'affiche bien, 2.30, par contre au 3eme sa m'affiche 3.5999999999999996.

Tu sais d'où sa vient ?

---

Un problème d'arrondis (Javascript n'est pas très bon en math :mrgreen: ).
Tu peux le corriger comme indiqué dans la FAQ ..

A+

Code:

---

1 2	num.innerHTML = Math.round(parseFloat(num.innerHTML, 10) + 1.30)/100;

---

J'ai fait comme sa. mais sa marche pas vraiment

Désolé, mais j'ai jamais arrondis de résultat en JS jusqu'à aujourd'hui.

Tu as essayé avec la 2° méthode de la FAQ ?

A+

Merci de ton aide.