Test in javascript

**codemaster** · 17-12-2007, 03:02

Salve a tutti, sono nuovo del forum e spero di ambientarmi presto. Volevo sapere se potete darmi una mano, sto realizzando un test a risposta multipla in javascript, lo sto facendo con dei radio dentro dei form, praticamente ho bisogno che dopo che qualcuno compila tutte le domande del test poi cliccando sul bottone viene reindirizzato alla pagina relativa al profilo che è stato calcolato. Ho cercato di fare in modo che per ogni radio venga aumentata di valore una certa variabile che dopo confrontata con le altre a seconda di quale sarà quella più grande l'utente verrà reindirizzato ad una pagina diversa. Ma il codice non mi funziona... sono giorni che ci provo ma non va... potete darmi una mano e capire dove sbaglio? Ecco il codice:

Codice PHP:


<html>

    <head>

        <title>prova</title>

                   <script type="text/javascript">

                    rocco=0;

                     salvo=0;

                      eugenio=0;

                  </script>

                        

                  <script type="text/javascript">

                  function risultato() {

                    if ( (rocco>salvo) && (rocco>eugenio) ) {

                       location.href="rocco.html";

                      }

                    else if ( (salvo>eugenio) && (salvo>rocco) ) {

                       location.href="salvo.html";

                    }

                    else if ( (eugenio>salvo) && (eugenio>rocco) ) {

                       location.href="eugenio.html";

                    }

                  }

                  </script>

    </head>

    <body>

            <form method="post" name="modulo">

                <input type="radio" name="primo" value="1"><font color="00ff00">Risposta numero 1</font>


                <input type="radio" name="primo" value="2"><font color="00ff00">Risposta numero 2</font>


                <input type="radio" name="primo" value="3"><font color="00ff00">Risposta numero 3</font>



            </form>

                <script type="text/javascript">

                  primo=document.modulo.primo.value;

                  if (primo==1) {

                    rocco++;

                  }

                  else if (primo==2) {

                    salvo++;

                  }

                  else if (primo==3) {

                    eugenio++;

                  }

                </script>

                <input type="button" onclick="risultato();" value="Scopri subito qual'è il tuo profilo!">
     

    </body>

</html>

Grazie e spero che potiate aiutarmi.

**Nazareno** · 17-12-2007, 10:30

1) Incrementa le variabili nella funzione che calcola il risultato
2) usa la proprietà checked delle radio button
3) metti il pulsante all'interno della form

<html>

<head>
<title>prova</title>

<script type="text/javascript">
var rocco=0;
var salvo=0;
var eugenio=0;
</script>

<script type="text/javascript">
function risultato() {

var primo=document.modulo.primo;

if (primo[0].checked) {
rocco++;
}
else if (primo[1].checked) {
salvo++;
}
else if (primo[2].checked) {
eugenio++;
}
if ( (rocco>salvo) && (rocco>eugenio) ) {
location.href="rocco.html";
}
else if ( (salvo>eugenio) && (salvo>rocco) ) {
location.href="salvo.html";
}
else if ( (eugenio>salvo) && (eugenio>rocco) ) {
location.href="eugenio.html";
}
}
</script>
</head>
<body>
<form method="post" name="modulo">
<input type="radio" name="primo" ><font color="00ff00">Risposta numero 1</font>

<input type="radio" name="primo" ><font color="00ff00">Risposta numero 2</font>

<input type="radio" name="primo" ><font color="00ff00">Risposta numero 3</font>

<input type="button" onclick="risultato();" value="Scopri subito qual'è il tuo profilo!">

</form>

</body>
</html>

**mirkoagrati** · 17-12-2007, 10:33

Ciao, dando un occhiata veloce mi sembra che sia tutto corretto, si può fare qualche cambiamento, ma in generale potrebbe funzionare.
Che errori ti segnala il browser?

Io lo rifarei cosi:

Codice PHP:


<html>

    <head>

        <title>prova</title>

        <script type="text/javascript" language="JavaScript">

           var rocco=0;

           var salvo=0;

           var eugenio=0;

             

           function risultato(f) {

              if ( (rocco>salvo) && (rocco>eugenio) ) {

                 f.action = "rocco.html";

              }

              else if ( (salvo>eugenio) && (salvo>rocco) ) {

                 f.action = "salvo.html";

              }

              else if ( (eugenio>salvo) && (eugenio>rocco) ) {

                 f.action ="eugenio.html";

              }

              return true;

           }

             

           function setVar(n) {

              if ( n == 1 ) {

                 rocco++;

              }

              else if ( n == 2 ) {

                 salvo++;

              }

              else if ( n == 3 ) {

                 eugenio++;

              }

           }

       </script>

    </head>

    <body>

            <form method="post" name="modulo" on submit="return risultato(this);"> 

                <input type="radio" name="primo" value="1" onclick="setVar(1);">

                   <font color="00ff00">Risposta numero 1</font>


                <input type="radio" name="primo" value="2" onclick="setVar(2);">

                   <font color="00ff00">Risposta numero 2</font>


                <input type="radio" name="primo" value="3" onclick="setVar(3);">

                   <font color="00ff00">Risposta numero 3</font>



                <input type="submit" value="Scopri subito qual'è il tuo profilo!">

            </form>                    

    </body>

</html>

Provalo e fammi sapere
Ciao

**codemaster** · 17-12-2007, 15:28

Grazie tante quello di Nazareno funziona benissimo, mentre quello di mirkoagrati non va...
Siete gandi ciao

Discussione: Test in javascript

Strumenti discussione

Ricerca discussione

Visualizza

Test in javascript

Permessi di invio