從輸入字段編號加上div

Question

下午好，

我試圖用輸入文本字段中提供的信息創建一些「帳單」列表。我要顯示一個例子：

<input type="text" name="quantity"><a href="#">Add</a> 

<div class="total"> 
</div> 

我想（例如）在輸入的文本寫「3」，然後一個行是div類=「總」爲以下文本內加入： 「汽車數量：3」。此外，它必須是「結果」，每個元素的數量爲「總數：3」。

這就是代碼工作：

window.onload=function(){ 
var addBtn = document.getElementById("add"); 
addBtn.addEventListener("click", function() { 
    var quantity = document.getElementById("n_marcas"); 
    var para = document.createElement("p"); 
    var node = document.createTextNode(quantity.value); 
    para.appendChild(node); 

    document.getElementById("total").appendChild(para); 
}); 
}//]]> 
<input type="text" id="quantity" name="quantity"><a href="#" id="add">Add</a> 

<div id="total"> 
</div> 

感謝。

Answer 1

當然，我用普通的JavaScript做到了這一點，我添加了id到一些html元素來更輕鬆地選擇它。

入住此的jsfiddle：http://jsfiddle.net/1w2hpo44/

var addBtn = document.getElementById("add"); 
addBtn.addEventListener("click", function() { 
    var quantity = document.getElementById("quantity"); 
    var para = document.createElement("p"); 
    var node = document.createTextNode(quantity.value); 
    para.appendChild(node); 

    document.getElementById("total").appendChild(para); 
});