Quiz
Una serie di domande a risposta multipla con conteggio delle risposta esatte alla fine.
<HTML><HEAD><TITLE>Titolo</TITLE>
</HEAD>
<BODY>
<SCRIPT language=Javascript>
function quiz() {
var i = 0
var total=document.forms.length-1 // Total number of questions. Last form is
submit form
var ncorrect=0
var response=new Array(total)
var theForms=new Array(total)
var answer=new Array(total)
//Collect Questions from document
for (i=1; i<=total;i++)
theForms[i]=document.forms[i-1]
//Collect responses to questions.
for (i=1; i <= total; i++)
response[i]=theForms[i].answer.selectedIndex
// Collect correct answers from questions.
for (i=1; i<=total;i++)
answer[i]=theForms[i].correct.value
var flag=true //assume all questions answered
for (i=1; i <= total; i++)
if (response[i]==0) {
alert("Attenzione la domanda #"+i+" non ha avuto risposta")
flag=false
}
if (flag) {
for (i=1; i <= total; i++)
if (response[i]==answer[i]) ncorrect++
document.total.score.value = ncorrect
var per = Math.round((ncorrect / total) * 100)
document.total.percent.value = per
document.total.outof.value=total
} //end if (flag)
}
// -->
</SCRIPT>
<!------------- 1 ------------------>
<FORM name=form1 action=quiz2.htm method=post>Cosa significa l'acronimo
IMHO?<BR><BR><SELECT size=1 name=answer> <OPTION value=0
selected><OPTION
value=1>1. In My Humble Opinion<OPTION value=2>2. In the Main Hotel
of
Orlando<OPTION value=3>3. nulla, ve lo siete inventato<OPTION value=4>4.
Internet Mondial Honorable Organization<OPTION value=5>5. In My Honorable
Opinion</OPTION></SELECT> <INPUT type=hidden size=4 value=1 name=correct>
</FORM><BR><BR><!------------- 2 ------------------>
<FORM name=form1 action=quiz2.htm method=post>Che cosa è un Nap?<BR><BR><SELECT
size=1 name=answer> <OPTION value=0 selected><OPTION value=1>1.
Diminutivo di
Napster user<OPTION value=2>2. Neural Access Point, punto di connessione
celebrale<OPTION value=3>3. Neutral Access Point, punto di interconnessione
tra Isp<OPTION value=4>4. La differenza di velocità tra due router<OPTION
value=5>5. Il breakdown di una macchina connessa ad una Lan</OPTION></SELECT>
<INPUT type=hidden size=4 value=3 name=correct> </FORM><BR><BR><!-------------
3 ------------------>
<FORM name=form1 action=quiz2.htm method=post>Si può cambiare il
colore della
barra di scorrimento?<BR><BR><SELECT size=1 name=answer> <OPTION
value=0
selected><OPTION value=1>1. No, non è possibile<OPTION value=2>2.
Sì, ma solo
con Ms Ie<OPTION value=3>3. Sì, ma solo con Netscape<OPTION value=4>4.
Sì con
Ms Ie, Netscape ma non Opera<OPTION value=5>5. Sì, con Ms Ie, Netscape
ed
Opera</OPTION></SELECT> <INPUT type=hidden size=4 value=2 name=correct>
</FORM><BR><BR><!------------- 4 ------------------>
<FORM name=form1 action=quiz2.htm method=post>Con una risoluzione ad 800x600,
l'area utilizzabile in larghezza è...<BR><BR><SELECT size=1
name=answer>
<OPTION value=0 selected><OPTION value=1>1. 800<OPTION value=2>2.
600<OPTION
value=3>3. 760<OPTION value=4>4. 560<OPTION value=5>5. 800x600
/
20</OPTION></SELECT> <INPUT type=hidden size=4 value=3 name=correct>
</FORM><BR><BR><!------------- 5 ------------------>
<FORM name=form1 action=quiz2.htm method=post>response.write(ciao) scritto
con
le Asp, cosa produce?<BR><BR><SELECT size=1 name=answer> <OPTION
value=0
selected><OPTION value=1>1. a video appare la scritta ciao<OPTION
value=2>2.
nulla, è sbagliato<OPTION value=3>3. a video appare il valore della
variabile
ciao<OPTION value=4>4. appare la scritta ciao con la segnalazione di
errore<OPTION value=5>5. il computer risponde con salve!</OPTION></SELECT>
<INPUT type=hidden size=4 value=3 name=correct> </FORM><BR><BR><!-------------
6 ------------------>
<FORM name=form1 action=quiz2.htm method=post>Come si inserisce una riga
di
commento con Javascript?<BR><BR><SELECT size=1 name=answer> <OPTION
value=0
selected><OPTION value=1>1.<OPTION value=2>2. '<OPTION value=3>3.
<comment></comment><OPTION value=4>4. ##<OPTION
value=5>5.
//</OPTION></SELECT> <INPUT type=hidden size=4 value=5 name=correct>
</FORM><BR><BR><!------------- 7 ------------------>
<FORM name=form1 action=quiz2.htm method=post>E' possibile includere un
file in
una pagina Asp residente su un altro server?<BR><BR><SELECT size=1
name=answer>
<OPTION value=0 selected><OPTION value=1>1. No<OPTION value=2>2.
Sì<OPTION
value=3>3. Solo utilizzando il componente Rpr<OPTION value=4>4. Solo
utilizzando Iis 5<OPTION value=5>5. Con le Asp 2.0 no, con le 3.0
sì</OPTION></SELECT> <INPUT type=hidden size=4 value=3
name=correct>
</FORM><BR><BR><!------------- 8 ------------------>
<FORM name=form1 action=quiz2.htm method=post>Inserendo in un link TARGET=_nuova
cosa accade?<BR><BR><SELECT size=1 name=answer> <OPTION
value=0
selected><OPTION value=1>1. apre una nuova finestra perché non
ne trova
nessuna con il nome "_nuova"<OPTION value=2>2. la sintassi è giusta,
apre una
nuova finestra<OPTION value=3>3. nulla, come se non ci fosse<OPTION
value=4>4.
apre il documento nella finestra madre<OPTION value=5>5. restituisce un
errore
e non apre la pagina</OPTION></SELECT> <INPUT type=hidden size=4
value=1
name=correct> </FORM><BR><BR><!------------- 9 ------------------>
<FORM name=form1 action=quiz2.htm method=post>Si può installare
Apache su
Windows 98?<BR><BR><SELECT size=1 name=answer> <OPTION value=0
selected><OPTION value=1>1. Sì<OPTION value=2>2. Solo con
la versione B di
Windows<OPTION value=3>3. Solo con Apache 1.3.20<OPTION value=4>4.
No, Apache
gira solo su Linux<OPTION value=5>5. No, Apache gira solo su
Unix</OPTION></SELECT> <INPUT type=hidden size=4 value=1 name=correct>
</FORM><BR><BR><!------------- 10 ------------------>
<FORM name=form1 action=quiz2.htm method=post>Cosa è Mandrake?<BR><BR><SELECT
size=1 name=answer> <OPTION value=0 selected><OPTION value=1>1.
Un super
eroe!<OPTION value=2>2. La distribuzione più orientata ai desktop
di
Linux<OPTION value=3>3. Un Web server<OPTION value=4>4. Un browser<OPTION
value=5>5. Un'applicazione server side</OPTION></SELECT> <INPUT
type=hidden
size=4 value=2 name=correct> </FORM><BR><BR>
<DIV align=center>
<FORM name=total action=quiz2.htm method=post><INPUT onclick=quiz()
type=button value="Controlla il quiz" name=Button></DIV><BR><BR><BR>Le
tue risposte corrette sono state <INPUT size=2 name=score> su <INPUT
size=2
name=outof>. Il tuo punteggio è stato di <INPUT size=2 name=percent>%
</FORM></BODY></HTML>
A colpo d'occhio
Be Responsive
HTML 5
HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.
CSS 3
CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.
jQuery
jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.