javascript - 事件监听器只工作一次

Question

我有这个 HTML 代码，

<input type='button' id='addQuestion' class='btn' value='Add Question'/>

和 JavaScript 代码，

var question;
document.addEventListener('DOMContentLoaded', function(){
    var aQ = document.getElementById("addQuestion");
    aQ.addEventListener("click",addQ);
});

function addQ(){
question = question + 1;
document.getElementById("content").innerHTML += "<div>question</div>";
}

它应该能够创建多个 div。我尝试使用 onclick 而不是 EventListener，

<input type='button' id='addQuestion' class='btn' onclick="addQ()" value='Add Question'/>

并且它正在工作。

Answer 1

一些细微的变化( demo ):

    var question = 0; // init as typeof Number 

    window.addEventListener('DOMContentLoaded', function(){
        var aQ = document.getElementById("addQuestion");
        aQ.addEventListener("click",addQ);
    });

    function addQ(){
        question = question + 1;
        document.getElementById("content").innerHTML += "<div>"+question+"</div>"; 
        //                                    Use the variable--^^^^^^^^
    }