evento onclick su button

**dark0s** · 16-03-2010, 13:05

Ciao, ho appena cominciato a usare javascript.
I miei due file sono prova.html:

<html>
<head>
<title>Prova</title>
<script src="prova.js"></script>
</head>
<body>
<button id="bottone" type="button" name="primo">Enter</button>
</body>
</html>

e prova.js (voglio necessariamente avere il file .js separato dall'html):

var target = document.getElementById("bottone"); if (target.onclick) alert("ciao");

ma quando clicco sul bottone non succede niente, quale è il problema?

**Xinod** · 16-03-2010, 13:14

intanto non si parla di cose che al momento non ancora esistono
quindi devi far eseguire tutto all' onload

codice:

window.onload=function(){
  var target = document.getElementById("bottone"); 
  if (target) target.onclick=function(){alert("ciao");}
}

**dark0s** · 16-03-2010, 13:24

Ho letto le due guide di javascript sui questo sito, ma ho ancora bisogno di chiarimenti.
Funziona, ma mi è poco chiaro il senso.
In pratica stai assegnando a un evento una funzione che ancora devi definire?
function() la definisci 2 volte, oppure stai definendo due funzioni diverse?

**Xinod** · 16-03-2010, 13:32

quelle function sono funzioni anonime
se ti e' piu' facilmente comprensibile puoi fare cosi':

codice:

function init(){
  var target = document.getElementById("bottone"); 
  if (target) target.onclick=addClick;
}
function addClick(){
  alert("ciao");
}
window.onload=init;

ma se volessi passare un valore come argomento di questa funzione addClick, il modo piu' semplice per farlo e' di nuovo con una funzione anonima

codice:

function init(){
  var target = document.getElementById("bottone"); 
  if (target) target.onclick=function(){addClick('ciao');}
}
function addClick(whatToShow){
  alert(whatToShow);
}
window.onload=init;

ciao

**dark0s** · 16-03-2010, 13:34

Ok grazie

Discussione: evento onclick su button

Strumenti discussione

Ricerca discussione

Visualizza

evento onclick su button

Permessi di invio