Salve a tutti !!
Devo svolgere un esercizio e spero che possiate darmi una mano :
La traccia è questa :
Creare una pagina HTML con almeno tre immagini diverse e aggiungere un pulsante che ne scambi due, in modo casuale, ogni volta che viene premuto
Le immagini che sto considerando sono img0.jpg, img1.jpg e img2.jpg
Il programma funziona con un generatore di numeri casuali ed una funzione di controllo, però quando scambia le immagini a volte mette due volte la stessa immagine.
Come posso fare a risolvere il problema ? L'esercizio è scritto in basso
Grazie mille !!!
onieliv
<! -------------------------------------------------------------------------------------
------------------------------- CODICE HTML -------------------------------------
-->
<html>
<head>
<title> Lezione 3 Esercizio 5 </title>
<script type="text/javascript">
<!--
immagini=new Array();
immagini[0]="img0.jpg";
immagini[1]="img1.jpg";
immagini[2]="img2.jpg";
/* RESTITUISCO UN NUMERO CASUALE x : 0 <= X < 3 */
function caso(){
i=Math.floor(3*Math.random());
return i;
}
function scambia(){
num=caso();
switch(num){
case 0: document.images["zero"].src=immagini[1]; document.images["uno"].src=immagini[0]; break;
case 1: document.images["zero"].src=immagini[2]; document.images["due"].src=immagini[0]; break;
case 2: document.images["uno"].src=immagini[2]; document.images["due"].src=immagini[1]; break;
}
}
-->
</script>
</head>
<body>
<table>
<tr><td> [img]img0.jpg[/img] </td>
<td> [img]img1.jpg[/img] </td>
<td> [img]img2.jpg[/img] </td>
</tr>
<tr> <td colspan="3" align="center" > <form>
<input type="button" value="scambia" onClick="scambia()" > </form> </td>
</tr>
</table>
</body>
</html>
Rispondi quotando
