Добавить 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); 
});