krouzek:sablona

<!DOCTYPE html>
<html lang="cs">
<head>
    <meta charset="utf-8" />
    <title>Pole</title>
	<style>
	td {border-width:1px solid black;padding:0.3em;}
	table {border-collapse:collapse;}
	</style>
</head>
 
<body>
  <div id="vstup">
   <input type="text" id="vstupni_text">
   <button onclick="vstupA()">A</button>
   <button onclick="vstupB()">B</button>
  </div>
 
  <div id="vystup"></div>
 
  <table><tr id="tabulka_pole"><td></td></tr></table>
 
    <script>
    /* <![CDATA[ */
 
	//Funkce volana na zmacknuti tlacitka A
	function vstupA(){
	var vstupni_data = document.getElementById('vstupni_text').value;
	//pokud maji byt vstup cisla
	//vstupni_data = parseInt(vstupni_data);
 
	alert('Zadal jsi '+vstupni_data);
	pole.push(vstupni_data);
 
	updatujTabulku();
	}
 
 
	//Funkce volana na zmacknuti tlacitka B
	function vstupB(){
	//napriklad: smaz ze zacatku pole funkci pole.shift()
	//nebo projdi cele pole a neco vypis do 
 
	document.getElementById('vystup').innerHTML='ahoj';
	}
 
	//globalni promenna
	pole = []
	pole.push(5);
	pole.push(10);
 
 
	function updatujTabulku(){
	var radek_tabulky = document.getElementById('tabulka_pole');
 
	//smaz soucasny obsah
	radek_tabulky.innerHTML="";
 
	 for(var i = 0; i < pole.length; i++){
	 var bunka = document.createElement('td');
	 bunka.innerHTML = pole[i];
	 radek_tabulky.appendChild(bunka);
	}
 
	}
 
	updatujTabulku();
    /* ]]> */
    </script>
</body>
</html>