Javascript-форум - увеличение счетчика по клику

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - увеличение счетчика по клику (https://javascript.ru/forum/events/49713-uvelichenie-schetchika-po-kliku.html)

увеличение счетчика по клику

Всем привет! Есть две кнопки, образно говоря одна плюс, другая минус. Есть счетчик, который по умолчанию = 0; При клике по кнопка счетчик или увеличивается или уменьшается соответственно. Мой код прото начинает прогонять цикл до бесконечности, падает браузер. Были и другие варианты, без цикла for, но все равно не пашет ...

<script type="text/javascript">
function func() {
var count = 0;

for (var i = 0; i=1;i++) {
var plusButton = document.getElementsByClassName("button_plus");
var minusButton = document.getElementsByClassName("button_minus");
if (document.onclick = plusButton) {
count+=i;
console.log(count);

} else if (document.onclick = minusButton) {

count -=i;
console.log(count);
}}
};

</script>
<button type="button" class = "button_plus" onclick="func()">button plus</button>
<button type="button" class="button_minus" onclick="func()">button minus</button>

Цитата:

Сообщение от dozer

без цикла for

Цикл тут точно ни к чему... :)
Клацнул по кнопке - сделал инкремент или декремент какого-то значения, вот и все...

function func() {
        var count = 0;
            var plusButton = document.getElementsByClassName("button_plus");
            var minusButton = document.getElementsByClassName("button_minus");
            if (document.onclick = plusButton) {
                count++;
                console.log(count);
        } else if (document.onclick = minusButton) {

                count--;
                console.log(count);
            }
    };

так тоже не пашет. В консоле цифра 1 вне зависимости какую кнопку клацаю

Цитата:

Сообщение от dozer

так тоже не пашет

Жуть какая-то... :blink:

Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
var count=0;
function inc(N) {
	count+=N;
	console.log(count);
};
</script>
</head>
<body>
<button type="button" class = "button_plus" onclick="inc(1)">plus</button>
<button type="button" class="button_minus" onclick="inc(-1)">minus</button>
</body>
</html>

да, этот вариант работает, спасибо за преступление, как говорится :)
Мой код частично заработал, когда счетчик вынес в глобальную зону. По нажатию соответствующей кнопки он плюсует, но потом не отнимает. Как то так:

<script type="text/javascript">
    var count = 0;
    function func() {
            var plusButton = document.getElementsByClassName("button_plus");
            var minusButton = document.getElementsByClassName("button_minus");
            if (document.onclick = plusButton) {
                count++;
                console.log(count);
        } else if (document.onclick = minusButton) {
                count--;
                console.log(count);
            }
    };</script>

Цитата:

Сообщение от dozer

.getElementsByClassName

возвращает массив.

Цитата:

Сообщение от dozer

if (document.onclick = plusButton)

чего-чего?!