[JS] Zwiększ wartość span +1 po kliknięciu, Podobno proste :) Opcje

[Still]

Witam, jestem baaaardzo słaby z JS, ale przydałaby mi się jedna z jego funkcjonalności. Nie mam teraz czasu, aby kupić książkę i przeczytać kilka pierwszych rozdziałów, dlatego liczę na Waszą pomoc i szybszym rozwiązaniu problemu.

Mam na stronie pewną wartość, np 6, więc daję ją jako <span id="counter">6</span> i umieszczam gdzieś button z onClick="zwiekszCounter()"

jak powinna wyglądać funkcja zwiększająca wartość tego spanu +1 ? próbowałem już różnych metod, ale nie udaje mi się zwiększyć. Pewnie łatwiej by było wrzucić to w inputa, ale wtedy brzydko będzie wyglądało na stronie...

Pozdrawiam.

Ten post edytował Still 18.11.2010, 14:13:59

[flashdev]

Kod

var el = document.getElementById('counter');
el.innerHTML = el.innerHTML + 1;

Inputa można również ostylować tak, aby wyglądał jak span (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował flashdev 18.11.2010, 15:20:55

[kamil4u]

@flashdev: źle (IMG:style_emoticons/default/smile.gif)
Musisz najpierw przekonwertować wartość na int-a - używając np. parseInt();

Kod

var el = document.getElementById('counter');
el.innerHTML = parseInt(el.innerHTML) + 1;

Inaczej wychodziło by Ci 61, zamiast 7 (IMG:style_emoticons/default/smile.gif)

[flashdev]

@flashdev: źle (IMG:style_emoticons/default/smile.gif)
[...]

No racja, wiadomo którym językiem mi się pomyliło (IMG:style_emoticons/default/smile.gif)

W sumie, to jeszcze prościej będzie tak:

Kod

var el = document.getElementById('counter');
el.innerHTML++;

[Still]

dziękuję chłopaki (IMG:style_emoticons/default/smile.gif)