EventListener僅工作一次

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

一些小的更改（ 演示 ）：

    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--^^^^^^^^
    }