Random

**Tommmmm** · 12-12-2015, 17:50

Ciao tutti ragazzi. Sto cercando di fare il gioco dei dadi in javascript e vorrei aggiungere la funzione random, in modo che i dadi compaiano in modo random e non in modo crescente come vanno ora, come faccio?

codice:

<!DOCTYPE html>
<html>
<head>
    <title>Lancio del dado</title>
<script type="text/javascript">
var numero_dado = 1;
var tempo =1000;
setTimeout(function(){lancio_dado(); }, tempo);
</script>
<style>
table{
 *border-collapse: collapse; /* IE7 and lower */
  border-spacing: 0;  
    background:#ffffff !important; /* For IE*/ 
}
.bordered {
  border: solid #ccc 10px;
    -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
    behavior: url(border-radius.htc);
  -webkit-box-shadow: 0 1px 1px #ccc; 
  -moz-box-shadow: 0 1px 1px #ccc; 
  box-shadow: 0 1px 1px #ccc;         
}
</style>
</head>
<body>
<script type="text/javascript">


function lancio_dado(){
    if(numero_dado == 1){
        document.getElementById('primacella').innerHTML = "";
        document.getElementById('secondacella').innerHTML = "";
        document.getElementById('terzacella').innerHTML = "";
        document.getElementById('quartacella').innerHTML = "";
        document.getElementById('quintacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('sestacella').innerHTML = "";
        document.getElementById('settimacella').innerHTML = "";
        document.getElementById('ottavacella').innerHTML = "";
        document.getElementById('nonacella').innerHTML = "";
        numero_dado = 2;
        setTimeout(function(){lancio_dado(); }, tempo);
        breake();
    }
    if(numero_dado == 2){
        document.getElementById('primacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('secondacella').innerHTML = "";
        document.getElementById('terzacella').innerHTML = "";
        document.getElementById('quartacella').innerHTML = "";
        document.getElementById('quintacella').innerHTML = "";
        document.getElementById('sestacella').innerHTML = "";
        document.getElementById('settimacella').innerHTML = "";
        document.getElementById('ottavacella').innerHTML = "";
        document.getElementById('nonacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        numero_dado = 3;
         setTimeout(function(){lancio_dado(); }, tempo);
         breake();
    }
    if(numero_dado == 3){
        document.getElementById('primacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('secondacella').innerHTML = "";
        document.getElementById('terzacella').innerHTML = "";
        document.getElementById('quartacella').innerHTML = "";
        document.getElementById('quintacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('sestacella').innerHTML = "";
        document.getElementById('settimacella').innerHTML = "";
        document.getElementById('ottavacella').innerHTML = "";
        document.getElementById('nonacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        numero_dado = 4;
         setTimeout(function(){lancio_dado(); }, tempo);
         breake();
    }
    if(numero_dado == 4){
        document.getElementById('primacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('secondacella').innerHTML = "";
        document.getElementById('terzacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('quartacella').innerHTML = "";
        document.getElementById('quintacella').innerHTML = "";
        document.getElementById('sestacella').innerHTML = "";
        document.getElementById('settimacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('ottavacella').innerHTML = "";
        document.getElementById('nonacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        numero_dado = 5;
         setTimeout(function(){lancio_dado(); }, tempo);
         breake();
    }
    if(numero_dado == 5){
        document.getElementById('primacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('secondacella').innerHTML = "";
        document.getElementById('terzacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('quartacella').innerHTML = "";
        document.getElementById('quintacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('sestacella').innerHTML = "";
        document.getElementById('settimacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('ottavacella').innerHTML = "";
        document.getElementById('nonacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        numero_dado = 6;
         setTimeout(function(){lancio_dado(); }, tempo);
         breake();
        
    }
    if(numero_dado == 6){
        document.getElementById('primacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('secondacella').innerHTML = "";
        document.getElementById('terzacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('quartacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('quintacella').innerHTML = "";
        document.getElementById('sestacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('settimacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        document.getElementById('ottavacella').innerHTML = "";
        document.getElementById('nonacella').innerHTML = "<img src='./img/punto.jpg'  width='50' height='50'>";
        numero_dado = 1;
         setTimeout(function(){lancio_dado(); }, tempo);
         breake();
        
    }
}


function lancio_dadi(){
}
</script>
<button onclick="lancio_dadi">Lancia il dado</button>
<center>
<table  class= "bordered" width ="300" height="300">
    <tr>
        <td align="center" valign="middle" width="100" height="100"><span id="primacella"></span></td>
        <td align="center" valign="middle" width="100" height="100"><span id="secondacella"></span></td>
        <td align="center" valign="middle" width="100" height="100"><span id="terzacella"></span></td>
    </tr>
    <tr>
        <td align="center" valign="middle" width="100" height="100"><span id="quartacella"></span></td>
        <td align="center" valign="middle" width="100" height="100"><span id="quintacella"></span></td>
        <td align="center" valign="middle" width="100" height="100"><span id="sestacella"></span></td>
    </tr>
    <tr>
        <td align="center" valign="middle" width="100" height="100"><span id="settimacella"></span></td>
        <td align="center" valign="middle" width="100" height="100"><span id="ottavacella"></span></td>
        <td align="center" valign="middle" width="100" height="100"><span id="nonacella"></span></td>
    </tr>
</table>
</center>


</body>
</html>

**KillerWorm** · 13-12-2015, 18:15

Ciao. Senza offesa ma il tuo codice non mi piace per niente, è parecchio ridondante ed è realizzato secondo una concezione antiquata di programmazione, sia riguardo JavaScript, sia riguardo HTML.

A parte questo, non capisco come vorresti che funzioni. Puoi fornire tutti i dettagli?

Attualmente il dado "gira" in automatico senza fare nulla, perché la funzione lancio_dado() viene avviata attraverso il setTimeout e ripetuta all'infinito. Il pulsante "Lancia il dado" che ci sta a fare?!

Questo non ha molto significato:

codice:

<button onclick="lancio_dadi">

Se vuoi lanciare quella funzione attraverso l'attributo onclick del pulsante, dovrebbe essere scritto così:

codice:

<button onclick="lancio_dadi()">

Per ottenere un numero casuale in JavaScript si usa il metodo Math.random(), che restituisce un numero decimale "pseudo-casuale" da 0 a 1. Chiaramente dovrai usarlo impostando una opportuna operazione per ottenere un valore intero da 1 a 6.

Potrebbe essere una cosa del genrere:

codice:

Math.floor((Math.random() * 6) + 1);

**Tommmmm** · 13-12-2015, 20:02

Risolto, grazie mille.

Discussione: Random

Strumenti discussione

Ricerca discussione

Visualizza

Random

Permessi di invio