Ich versuche, Eingabetext in eine Liste hinzuzufügen, funktioniert aber nicht

Question

Also versuche ich Eingabetext in eine Liste zu setzen, funktioniert aber nicht. Und leere Liste Option funktioniert auch nicht. Hier ist mein Code:

http://pastebin.com/knL8dL5y

Hier ist die Aufgabe, die ich gegeben wurde: erstellen „Ziffernblock“, indem sie aus 10 Tasten mit Text 0,1,2,3 etc. Machen Sie als ein Textfeld, in dem Sie Zahlen als 3604 eingeben können, indem Sie die Tasten drücken. Jedes Mal, wenn Sie eine Taste drücken, sollte die Nummer, die auf der Schaltfläche steht, in das Textfeld eingefügt werden.

Irgendwie lässt es mich nicht die Nummern zu einer anderen Liste hinzufügen, und es wird auch nicht die Liste leeren.

Answer 1

Dies funktioniert, check it out:

<script> 

     function add(num) { 
      var calc = document.getElementById("text1"); 
      calc.value += num; 
     } 

     addList=function() { 
      var name = document.getElementById("text1").value; 
    alert(name); 
       document.getElementById("liste").innerHTML = document.getElementById("liste").innerHTML + "<li>" + name + "</li>"; 
       //document.getElementById("liste").innerHTML = ""; 
     } 


     var emptyList=function() { 
      document.getElementById("text1").value = ""; 
     } 

     kappa=function() { 
      document.getElementById("btnAddList").onclick = addList; 
      document.getElementById("btnEmptyList").onclick = emptyList; 
     } 
     window.onload = kappa //When the site is fully loaded 
</script> 

Nun ist die html:

List: <input type="text" id="text1" /> 
<button type="button" id="btnAddList">Add list</button> 
<button type="button" id="btnEmptyList">Empty list</button> 
<br/> 
<button id="btnAdd1" onclick="add(1)">1</button> 
<button id="btnAdd2" onclick="add(2)">2</button> 
<button id="btnAdd3" onclick="add(3)">3</button> 
<button id="btnAdd4" onclick="add(4)">4</button> 
<button id="btnAdd5" onclick="add(5)">5</button> 
<button id="btnAdd6" onclick="add(6)">6</button> 
<button id="btnAdd7" onclick="add(7)">7</button> 
<button id="btnAdd8" onclick="add(8)">8</button> 
<button id="btnAdd9" onclick="add(9)">9</button> 
<button id="btnAdd0" onclick="add(0)">0</button> 

<ol id="liste">