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

EventListener只工作一次

1 个答案: