Creation d'un test HTLM javascript

chatbleu06 Messages postés 3 Statut Membre -
jordane45 Messages postés 40050 Statut Modérateur - 5 déc. 2014 à 00:25

Bonjour a tous
Je souhaite realiser un test rapide pour un partiel de Web design sur le logiciel Dreamweaver
Les questions doivent etre de formes differentes (c'est a dire question a choix multiples, menu deroulant ou cadre pour ecrire la reponse directement)>
J'ai tente avec le peu de connaissances que j'ai, de creer ce test mais je n'arrive pas a creer le calcul a la fin permettant de donner le pourcentage de bonne reponse.
Voici mon code :

<html><body>
<h1>Test your QI</h1>
<br>
<html>
<form method = "post"  action= "/cgi-bin/someAction" >
<p>Enter the number of population in Paris:
<input name = "name" type = "text" size = 20>
</p>
</form>
<script>
function whatever(){
var score=0
if (document.myform.rName[1].checked == true)
 score=1;
else score=0;
;
}
</script>
What is the president of France:<br>
Henry the second <input  type = radio name = rName value = 1 checked><br> 
Francois Hollande<input  type = radio name = rName value = 2><br>
Nicolas Sarkozy <input  type = radio name = rName value = 3><br><br>
What is the number of population in Brazilia:
<select name = "status">  
<option selected>2.481 million 
<option>3 million
<option>2.5 million </select><br><br>

<script>
function whatever(){
var score=0
if (document.myform.rName[1].checked == true)
 score=1;
else score=0;
;
}
</script>
What is the capital of Germany ?:<br>
<input name=check1 type=checkbox value=v1> Berlin 
<input name=check2 type=checkbox value=v2> Dublin 
<input name=check3 type=checkbox value=v3> Bruxelles 
<input name=check4 type=checkbox value=v4> Cologne
<br><br>
<input type = "button" value = "Submit" onclick = "alert('You click submit!')">
</form></body></html>

Est-ce que quelqu'un pourrait essayer de le corriger ? merci d'avance

EDIT : Ajout des balises de code (jordane)

Afficher la suite

A voir également:

Creation d'un test HTLM javascript
Test performance pc - Guide
Test steam deck oled - Guide
Test disque dur - Télécharger - Informations & Diagnostic
Test composant pc - Guide
Creation compte gmail - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 40050 Statut Modérateur 4 757

Bonjour,

1 - J'ai édité ton message pour y mettre les balises de code...
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

2 - Ta page est bourrée d'erreurs..

- Tu as plusieurs fois la même fonction function whatever()
- Sur le bouton de validation, le onclick .. affiche un message...mais ne lance jamais ta fonction whatever
- Les attributs de tes éléments HTML doivent être entre quotes ...

<input  type = radio name = rName value = 2>

Doit être écrit :

<input  type = "radio" name = "rName" value = "2">

idem pour les autres .. comme par exemple

	<input name=check1 type=checkbox value=v1> Berlin

A remplacer par :

	<input name="check1" type="checkbox" value="v1"> Berlin

Dans ton code javascript .. tu fais référence à myform ... mais tu n'as pas nommé ta FORM

 <form method = "post"  name="myform" action= "/cgi-bin/someAction" >

Voilou...
Tu n'as plus qu'à corriger.

jordane45 Messages postés 40050 Statut Modérateur 4 757

Ce qui donne tout fait :

<html>
<head>
	<title>TEST</title>
</head>
<body>
<script type="text/javascript">
function whatever(){
	var score=0
	if (document.myform.rName[1].checked == true){
	 score=1;
	}else{
	 score=0;
	}

	alert("Score = "+score);
}
	</script>
<h1>Test your QI</h1>
<br>
 <form method = "post"  name="myform" action= "/cgi-bin/someAction" >
	<p>Enter the number of population in Paris:
	<input name = "name" type = "text" size = 20>
	</p>

	What is the president of France:<br>
	Henry the second <input  type = "radio" name = "rName" value = "1" checked><br> 
	Francois Hollande<input  type ="radio" name = "rName" value = "2"><br>
	Nicolas Sarkozy <input  type = "radio" name = "rName" value = "3"><br><br>
	What is the number of population in Brazilia:
	<select name = "status">  
	<option selected>2.481 million 
	<option>3 million
	<option>2.5 million </select><br><br>

	What is the capital of Germany ?:<br>
	<input name="check1" type="checkbox" value="v1"> Berlin 
	<input name="check2" type="checkbox" value="v2"> Dublin 
	<input name="check3" type="checkbox" value="v3"> Bruxelles 
	<input name="check4" type="checkbox" value="v4"> Cologne
	<br><br>
	<input type = "button" value = "Submit" onclick = "alert('You click submit!');whatever()">
 </form>
</body>
</html>

chatbleu06 Messages postés 3 Statut Membre

Merci bcp pour ta reponse rapide.
J'ai corrige mais jai une question:

- comment programmer la reponse correcte de chaque question et la relier au bouton submit pour avoir le resultat final ?

merci mille fois

jordane45 Messages postés 40050 Statut Modérateur 4 757 > chatbleu06 Messages postés 3 Statut Membre

Déjà... mettre dans le code de ta page .. que ça soit en HTML ou en JAVASCRIPT .. les infos concernant les "bonnes" réponses ... n'est pas LA solution.
En effet.. n'importe qui pourra faire un clic droit sur ta page.. afficher le code source.. et donc aura accès à toutes les infos.....(et pourra donc tricher ! )

Le mieux pour faire un QUIZZ .. c'est de le faire en PHP .. avec une Base de données....

mais bon.. si tu veux le faire quand même comme tu as commencé.. il suffit de modifier ta fonction whatever...

par exemple:

function whatever(){
	var score=0
	if (document.myform.rName[1].checked == true){
	 score++;
	}

   if (document.myform.chkb[0].checked == true){
	 score++;
	}
	
	if(document.getElementById('inp_name').value =="2,211"){
	 score++;
	}
	alert("Score = "+score);
}
	</script>

chatbleu06 Messages postés 3 Statut Membre

Merci infiniment pour ton aide !! Seulement, cet exercice represente mon premier devoir en programmation, ce qui explique mon manque de connaissances...

Apres diverses tentatives, je ne parviens pas a appliquer la fonction whatever aux differents types de questions. Meme en essayant de le faire avec deux questions de meme forme, je ne parviens pas a trouver un résultat additionnant les deux scores.

Pourrais tu essayer ajouter au code intial la fonction permettant de calculer le score final ?

Merci encore et encore !!!

jordane45 Messages postés 40050 Statut Modérateur 4 757 > chatbleu06 Messages postés 3 Statut Membre

Si c'est un devoir. ..tu es sensé être capable de le faire. .

montres le code que tu as essayé de faire on verra si on peut t'aider.

Votre réponse