Je suis autant nouveau sur ce forum qu'en html/javascript.
Noël approchant, je me suis lancé dans un quiz en html. Le principe est (je pense) simple ; une question s'affiche de manière aléatoire et le joueur choisi "duo", "carré" ou "cash" pour afficher respectivement 2, 4 ou aucune possibilité(s) de réponse.
Voici le code (encore en travaux bien entendu) :
Code : Tout sélectionner
<!DOCTYPE html>
<html>
<head>
<title>Quiz</title>
<link rel="stylesheet" media="screen" type="text/css" href="cssform.css"/>
<SCRIPT LANGUAGE=JavaScript>
// Structure du tableau :
// Pour la question i, l'énoncé est en (i-1)*6 , le numéro de la bonne réponse est en (i-1)*6 + 1 et les 4 possibilités sont en (i-1)*6 + 2 ,
// (i-1)*6 + 3 , (i-1)*6 + 4 et (i-1)*6 + 5
var cinema = ['Qui est Powhatan pour Pocahontas',1,'A. Son père','B. Son frère','C. Sa mère','D. Sa grand-mère',
'De quel film est tiré cet extrait 1 ?',4,'A. Jurassic Parc','B. Godzilla','C. Le Hobbit','D. Le seigneur des anneaux',
'De quel film est tiré cet extrait 2 ?',3,'A. Shrek','B. Very Bad Trip','C. Men in Black','D. Mars Attack',
'De quel film est tiré cet extrait 3 ?',2,'A. Le corniaud','B. Le diner de cons',"C. Qu'est-ce qu'on a fait au bon dieu",'D. Taxi',
'Dans La Petite Sirène, quel animal est Eureka ?',3,'A. Une murène','B. Un crabe','C. Une mouette','D. Un poisson',
'Quel est le nom de la planète natale de Dark Vador ?',1,'A. Tatooine','B. Alderaan','C. Coruscant','D. Dagobah',
'Qui est le réalisateur du film Titanic ?',2,'A. J.J. Abrams','B. James Cameron','C. Steven Spielberg','D. David Fincher',
'Dans le Seigneur des Anneaux, quel est le vrai nom de Gollum ?',4,'A. Bilbon','B. Frodon','C. Deagol','D. Smeagol',
"Quel est le véritable nom, complet, d'Indiana Jones dans la saga du même nom ?",4,'A. Indiana Jones','B. Indiana Henri Jones','C. Indiana Henri Jones Junior','D. Henri Jones Junior',
'Comment se nomme le personnage principal luttant contre les Aliens dans la saga du même nom ?',1,'A. Ellen Ripley','B. Elyn Ripley','C. Linn Ripley','D. Elyn Ridley',
'Quelle titre (extrait 4) est associé aux hélicoptères en vol dans le film Apocalypse Now ?',1,'A. La chevauchee des Walkyries','B. La flute enchantee','C. La danse des chevaliers','D. La grande porte de Kiev',
'Combien y a-t-il eu de films Rocky ?',3,'A. 6','B. 7','C. 8','D. 9',
'Qui a écrit le livre "La Ligne Verte" qui a inspiré le film sorti en 1999 ?',2,'A. Alfred Hitchcock','B. Stephen King','C. Isaac Asimov','D. George Orwell',
"Quel nom porte la planète où vivent les indigènes bleus dans Avatar ?",3,'A. Alderaan','B. Coruscant','C. Pandorra','D. Geonosis',
'Dans Drangon Ball, quelle technique est notamment utilisée par Krilin pour aveugler ses adversaires ?',1,'A. Morsure du Soleil','B. Genkidama','C. KameHameHa','D. Senzu'
];
function Nrand(min,max){
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function afficher(b){
var i = Nrand(1,b);
var Q = cinema[6*(i-1)];
document.echo.champQ.value = Q;
}
function afficherDuo(){
var j = Nrand(1,4);
while (j = cinema[6*(i-1) + 1]) {var j = Nrand(1,4);}
var p = Nrand(1,2);
if (p = 1){
var R1 = cinema[6*(i-1) + 1 + i];
var R2 = cinema[6*(i-1) + 1 + j];
} else {
var R1 = cinema[6*(i-1) + 1 + j];
var R2 = cinema[6*(i-1) + 1 + i];
}
document.echo.Rep1.value = R1;
document.echo.Rep2.value = R2;
}
function bascule(elem){
etat=document.getElementById(elem).style.visibility;
if(etat=="hidden"){document.getElementById(elem).style.visibility="visible";}
else{document.getElementById(elem).style.visibility="hidden";}
}
</SCRIPT>
</head>
<body>
<form name = "echo">
<input type = "button" value = "Question cinéma :" onclick="afficher(15);bascule('boite');">
<input id = "champQ" type ="text" name ="champQ">
<div name="boite" id="boite" style="visibility: hidden">
<input type="button" name="Duo" value = "Duo" onclick = "afficherDuo();bascule('reponse');">
<div name = "reponse" id = "reponse" style="visibility:hidden">
<input id = "Rep1" type ="text" name ="Rep1">
<input id = "Rep2" type ="text" name ="Rep2">
</div>
<input type="button" name="Carré" value = "Carré">
<input type="button" name="Cash" value = "Cash">
</div>
</form>
</body>
</html>
Si une bonne âme a de l'inspiration sur ce code débutant, je l'en remercie grandement
![Clin d’œil ;)](./images/smilies/icon_e_wink.gif)