Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS] Zwiększ wartość span +1 po kliknięciu
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
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.
flashdev
Kod
var el = document.getElementById('counter');
el.innerHTML = el.innerHTML + 1;


Inputa można również ostylować tak, aby wyglądał jak span winksmiley.jpg
kamil4u
@flashdev: źle 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 smile.gif
flashdev
Cytat(kamil4u @ 18.11.2010, 19:12:19 ) *
@flashdev: źle smile.gif
[...]


No racja, wiadomo którym językiem mi się pomyliło smile.gif

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

Kod
var el = document.getElementById('counter');
el.innerHTML++;
Still
dziękuję chłopaki smile.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.