入力テキストをリストに追加しようとしていますが、機能しません。

Question

入力テキストをリストに入れようとしていますが、機能しません。そして、空リストオプションも機能しません。ここに私のコードは次のとおりです。 などのテキスト0,1,2,3と10個のボタンを置くことによって、「テンキー」を作成します。

http://pastebin.com/knL8dL5y

ここで私が与えられたタスクがあります。 というテキストフィールドには、ボタンを押して数字を3604として入力することができます。毎回 ボタンを押すたびに、ボタン上の番号がテキストボックスに追加されるはずです。

どういうわけか、数字を別のリストに追加することはできません。リストを空にすることもできません。

Answer 1

これ取り組んでいる、それをチェックアウト：

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

を今の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">