Cykly 2

    <script>  
        function vodorovne() {
            var i = 0;
            do {
              novy_obrazek(i*64, 200);
              i++;
            }
            while(i < 10);                   
        }       
        function svisle() {
          var i = 0;
          while(i < 10) {
            novy_obrazek(200, 64 + i*64);
            i++;
          }              
        }          
        function tabulka() {
            var i = 0;
            var j = 0;
            for (i = 0; i < 10; i++) {
                for (j = 0; j < 10; j++) {
                    novy_obrazek(i*64, 64 + j*64);                    
                }    
            }                   
        }                           
        function novy_obrazek(x, y) { 
            var img = new Image(); 
            img.src = "img/smile.png";
            img.style.left = x + "px";
            img.style.top = y + "px";
            img.style.position = "absolute";                         
            document.getElementById("body").appendChild(img);
            console.log(x, y);   
        }        
        function vycistit() {
            location.reload();
        } 
    </script> 
  

    <input type="button" onClick="vodorovne()" value="vodorovně">
    <input type="button" onClick="svisle()" value="svisle">
    <input type="button" onClick="tabulka()" value="tabulka">
    <input type="button" onClick="vycistit()" value="vyčistit">