Vizuális webprogramozáshoz ezt valaki vágja esteleg, hogy kell megcsinálni? (Javascript, CSS3, HTML5)

HTML:

<form name="osszegzo" method="POST">

<input type="button" onclick="ujsor();" value="Új sor" />

<ul id="lista">

</ul>

<input type="button" onclick="szamolj();" value="Összeg" />

</form>

JS:

function ujsor(){

var id = "lista";

var Parent = document.getElementById(id);

var NewLI = document.createElement("li");

NewLI.innerHTML = '<input type="text" class="szam"/>';

Parent.appendChild(NewLI);

return true;

}

function szamolj(){

var numbers = document.getElementsByClassName("szam");

var sum = 0;

var num = 0;

for(var i = 0; i < numbers.length; i++){

if(!isNaN(Number(numbers[i].value)) && numbers[i].value !== ""){

sum += Number(numbers[i].value);

num++;

}

}

if(num === 0){

alert("Nincs megadott szám");

}else{

alert("Az összeg: " + sum);

}

return true;

}

Fiddle:

[link]