Quote Originariamente inviata da lanvoel Visualizza il messaggio
Grazie robynosse.
Ho provato a togliere le virgolette a x=x+"50"; e a y=y+"50"; ma il programma continua a non funzionare e da' l'errore:
"Impossibile impostare la proprietà 'fontSize' di un riferimento nullo o non definito".
Quindi il programma non arriva neanche a impostare le proprietà 'top' e 'left' perché viene bloccato alla prima proprietà di style.

lanvoel
Fai così:

codice:
<html>
<head>
<script type="text/javascript">
  window.onload=function(){
    document.getElementById("mioBottone").addEventListener("click",cambia);
var timer1;
var x=0;
var y=0;
var intervallo;
function cambia(){
x=x+50;
y=y+50;
this.style.fontSize="40";
this.style.backgroundColor="cyan";
this.style.borderColor="blue";
this.style.color="red";
this.style.position="absolute";
this.style.top =y;
this.style.left =x;
  document.getElementById("mioBottone").removeEventListener("click",cambia);
intervallo=setInterval(sposta,1000);
}
    
    function sposta(){
      oggetto=document.getElementById("mioBottone");
      x=x+50;
      y=y+50;
      oggetto.style.top =y;
      oggetto.style.left =x;
    }
    

    
  }
</script>
</head>
<body>
<input type="button" id="mioBottone" onclick=""  value="cliccami">     

</body>
</html>