Как сделать кнопки приплюсовать и отнять?

Question

[hoppiN]

Здравствуйте, как сделать так, чтобы при нажатии на "+" увеличивалось число? А при нажатии на "-" уменьшалось.

Answer 1

[Alams Stoyne]

Например так:

<button id="minus"></button>
<input type="text" id="number" val="0">
<button id="plus"></button>

document.getElementById("minus").addEventListener("click", function( event ) {
        var num_input = document.getElementById("number");
        var num_input_val = document.getElementById("number").value;
        num_input.value = num_input_val--;
}, false);
document.getElementById("plus").addEventListener("click", function( event ) {
        var num_input = document.getElementById("number");
        var num_input_val = document.getElementById("number").value;
        num_input.value = num_input_val++;
}, false);

Comments

[sunblossom]

Вот ток зачем в отдельную переменную пихать свойство уже добавленного в переменную узла?

[Роман]

hoppiN, Alams Stoyne, вот только это не будет работать если на стпанице будет несколько таких блоков с кнопками

[Alams Stoyne]

Роман, Я дал направление как это сделать, если человек учиться (а этот вопрос ну очень простой) то
будет дальше разбираться и придумает решение.
А за разработкой унифицированной системы под ключ обращайтесь отдельно, присылайте ТЗ и обсудим что почем.

Answer 2

[Глеб Варганов]

Вот, накидал готовый пример со стилизацией примерно под вас...

он правда с использованием jquery, но короче в плане размера кода...

Comments

[Глеб Варганов]

Eduard Larionov, да да, вот сейчас смотрю, и почему то мне запомнилось, что инпут был желтый, а кнопки прозрачные. Вот переделал тынц

Answer 3

[Dies Irae]

Через jQuery: JSFiddle