Untitled

<!DOCTYPE HTML>
<head>
	<title>Task 7</title>
	<h1>Task 7</h1>
	<meta charset="utf-8" />

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

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

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


			function emptyList() {
				document.getElementById("text1").innerHTML = "";
			}
	</script>


</head>
<body>
	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">
</ol>
</body>