window.onload вызван после возврата из метода обработчика события

Question

Этот код предназначен для обучения в javascript.I объявил глобальную переменную num и инициализировал ее до 30. Теперь это увеличивается при нажатии кнопки плюс и уменьшается при нажатии кнопки «минус». Но когда я нажимаю кнопку «плюс» дважды. Он предупреждает 31 дважды вместо того, чтобы показывать 31 сначала. 32.

Когда я отлаживал его на хроме, я узнал, что точка останова «var num = 30» снова после того, как он выполнит метод увеличения, который называется кнопкой onclick of plus. ? Так почему после возвращения из метода окно перегрузочного Может кто-то пожалуйста объяснить Спасибо advance.My код, как показано ниже:

window.onload =initialize; 
var num=30; 
function initialize() 
{ 

if(!document.getElementById) return; 

var increaseButton = document.getElementById('plus'); 
increaseButton.onclick = increase; 
var decreaseButton = document.getElementById('minus'); 
decreaseButton.onclick = decrease; 
} 

function increase() 
{ 
    num++; 
    alert(num); 

} 
function decrease() 
{ 
    num++; 
    alert(num); 
} 

Answer 1

Кажется, работает для меня, если HTML является:

<button type="button" id="plus">+</button> 
<button type="button" id="minus">-</button> 

Вы также хотите, чтобы уменьшить функции быть:

function decrease() 
{ 
    num--; 
    alert(num); 
} 

JSFiddle: https://jsfiddle.net/OzymandiasII/L9h1xbsr/