Il sito per imparare gratuitamente a fare pagine Web

JavaScript S7
















S7 - Test o un Quiz di valutazione.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

Crediti:
Name:
Website:

Descrizione: Capita di aver bisogno di un test o di un semplice quiz, magari per poter ricevere il permesso di accedere alla pagina successiva.

Non fidatevi però troppo, chiunque avesse un minimo di esperienza con JavaScript potrà andare a leggere il nome della pagina a cui accedere, e questo semplicemente consultando il listato che contiene il test.

Questo script è molto insolito ed è per questo che merita di essere pubblicato, non fosse altro per lo scopo didattico che racchiude in se.

Qui viene fornito con 3 domande e 4 possibili risposte per ognuna di esse, non sarà un problema aggiungere altre domande o aumentare il numero delle possibili risposte... una volta capito il meccanismo sarà sufficiente aggiungere nuove righe di codice sulla falsa riga di quelle esistenti.


Script :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionandovi sul testo evidenziato adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.

seleziona tutto


Passo 2: Adesso si devono inserire le domande, queste potranno essere posizionate in qualsiasi punto della vostra pagina web.

Selezionare tutto il codice nella finestra sotto, cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, in questo caso fra i tags: <body> e </body>

seleziona tutto




Note : Vediamo quali sono le modifiche da fare all'interno dello script, per poterlo adattare alle vostre esigenze:

ans[1] = "a";
Si riferisce alla prima domanda, quella a è relativa alla risposta, le possibili risposte sono 4: a, b, c, d; per cui se alla vostra prima domanda vorrete assegnare come risposta esatta la numero 3, dovrete sostituire quella a con una c; infatti: a =1, b=2, c=3, d=4 .

if (score > 9)
Sostituire il numero 9 con il numero di domande che avete previsto meno una, praticamente se le domande fossero 4 si dovrebbe mettere 3, serve per visualizzare il messaggio in caso fossero indovinate tutte le domande, i messaggi che trovate all'interno dello script ve li potete personalizzare come meglio credete, sono quelli preceduti dall'istruzione alert la parte modificabile è quella che si trova fra le doppie virgolette.

if (score >= 7 && score <= 10) Questo invece è il range entro il quale si stabilisce che il test o il quiz, sia superato; in questo esempio le domande sono 10 a noi bastavano almeno 7 risposte esatte, la formula dice che da 7 a 10 è consentito l'accesso alla pagina successiva. Nel caso fosse stato richiesto che tutte le domande dovevano essere indovinate, avremo adoperato al posto di 7 e 10 lo stesso numero massimo.

self.location="nome_della_tua_pagina_di_accesso.htm" Questa è l'istruzione che richiama: nome_della_tua_pagina_di_accesso.htm nel caso in cui il test fosse stato superato, sostituire quel nome_della_tua_pagina_di_accesso.htm con il nome della vostra pagina completo di eventuale URL.

self.location="nome_di_questa_pagina.htm" Questa è l'istruzione che richiama la stessa pagina in caso di test errato o di test che non ha raggiunto il risultato impostato. Sostituire quel nome_di_questa_pagina.htm col nome della vostra pagina in cui si trova questo test.

 

Questo sotto un esempio di test con 3 domande alle quali poter rispondere con 4 diverse possibilità:


Da quanto tempo Web-Link si trova in Iternet ?

da più di 10 anni
da meno di 5 anni
da circa 1 anno
da pochi mesi

Quali di questi argomenti non sono trattati su Web-Link ?

XHTML
Giochi
JavaScript
Fogli di stile

Il nome del suo autore è ?

Aldo
Angelo
Andrea
Antonio






Valutazione

Valutazione: 2.44 stelle su 5
N. Voti: (63)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.