<script> var x = 0; var y = 0; const krok = 64; const polomer = 64; var smile; function vytvoritObrazek(id) { var img = document.createElement("img"); img.id = "dolar" + id; img.src = "img/dollar.png"; img.style.position = "absolute"; img.style.left = (Math.round(Math.random()*5)*krok + 2*krok).toString() + "px"; img.style.top = (Math.round(Math.random()*5)*krok + 2*krok).toString() + "px"; var stranka = document.getElementById("stranka"); stranka.appendChild(img); } document.onkeydown = function(evt) { var event = window.event || evt; var kod = event.keyCode; switch(kod) { case 38: y = y - krok; break; case 1: x = x + krok; y = y - krok; break; case 39: x = x + krok; break; case 3: x = x + krok; y = y + krok; break; case 40: y = y + krok; break; case 5: x = x - krok; y = y + krok; break; case 37: x = x - krok; break; case 7: x = x - krok; y = y - krok; break; default: // alert("Stisknutý kod: " + kod.toString()); } smile.style.left = x + "px"; smile.style.top = y + "px"; console.log(document.getElementById('dolar0').x); } window.onload = function() { vytvoritObrazek(0); smile = document.getElementById('smile'); } </script>
<div style="height:100vh;" id="stranka"> <img src="img/smile.png" id="smile" width="64" height="64" style="position:absolute; left:0px; top:0px;"> </div>