Discussion :

[thebarbarius]

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

[E.Bzz]

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

Code :

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

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

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

Javascript t'affichera 2.6 ici

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

A+

[thebarbarius]

Merci de ta reponse.

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

Donc je refais.

HTML :

Code :

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

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

JS

Code :

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

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.

[E.Bzz]

Code :

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

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

JS

Code :

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

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"

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

Ta fonction pourrait être

Code :

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

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+

[thebarbarius]

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

[E.Bzz]

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

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

Code :

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

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

Essaye d'ajouter un

Code :

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

alert(num.innerHTML);

pour t'en convaincre

A+

[thebarbarius]

Regarde mon edit, de mon post precedent.

[E.Bzz]

Regarde mon edit, de mon post precedent.

Vu !

On va pas avancer là

A+

[E.Bzz]

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

Code :

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

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+

[thebarbarius]

Ah au duxieme elle marche, ta fonction.

Elle m'afficher NaN au premier test.


Question :

Code :

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

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 ?

[E.Bzz]

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 ...

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 ).
Tu peux le corriger comme indiqué dans la FAQ ..

A+

[thebarbarius]

Code :

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

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.

[E.Bzz]

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

A+

[thebarbarius]

Merci de ton aide.