Tlačítka 1

    <script>  
       var y = 0;
       const krok = 64;
       function pohyb_dolu() {
          var smile = document.getElementById('smile');
          y = y + krok; 
          smile.style.top = y + "px";
       } 
    </script> 
  

    <table style="margin:auto;">
        <tr>
            <td><button><img src="img/left_up.png" width="64" height="64"></button></td>
            <td><button><img src="img/up.png" width="64" height="64"></button></td>
            <td><button><img src="img/right_up.png" width="64" height="64"></button></td>      
        </tr>
        <tr>
            <td><button><img src="img/left.png" width="64" height="64"></button></td>
            <td> </td>
            <td><button><img src="img/right.png" width="64" height="64"></button></td>      
        </tr>
        <tr>
            <td><button><img src="img/left_down.png" width="64" height="64"></button></td>
            <td><button onClick="pohyb_dolu()"><img src="img/down.png" width="64" height="64"></button></td>
            <td><button><img src="img/right_down.png" width="64" height="64"></button></td>      
        </tr>  
    </table>
    
    <img src="img/smile.png" id="smile" width="64" height="64" style="position:absolute; left:0px; top:0px;">