IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Quizz en JavaScript


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Août 2013
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2013
    Messages : 3
    Points : 2
    Points
    2
    Par défaut Quizz en JavaScript
    Bonjour,

    Je dois développer un quizz en Javascript. Le voici :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    <!DOCTYPE html>
    <!--Ton score est de "+score+" -->
    <html>
    <head>
    	<meta charset="utf-8">
    	<link rel="stylesheet" href="guitare.css" />
    	<title> Quizz sur Federer ! </title>
    	<script type="text/javascript">
    //<![CDATA[
    var nombre_question;
    var q;
    window.onload = function(){
            nombre_question=document.getElementsByClassName('question').length;
            q = new Array( nombre_question+1 );
            for( i=1, score=0; i<=nombre_question; i++ ) q[i] = 0; //  on met tout les scores a 0
    }
    //calcul du score
    function calcul(){
            for( i=1, score=0; i<=nombre_question; i++ )
                    score += q[i];
            return score;
    }
    //commentaire du résultat
    function resultat(){
            score = calcul();
            if ( score = 4 ) alert("Ton score est de "+score+" sur 4 ! Bravo !");
            else alert("Ton score est de "+score+", il y a eu une ou plusieurs mauvaises réponses...");
    }
    //]]>
            </script>
    	<style type="text/css">
                    body{
                            font-family:Verdana, Arial, Helvetica, sans-serif;
                            font-size:small;
                    }
                    .titre{
                            font-family: Arial; font-weight: bold;
                            color: rgb(102, 51, 102);
                            font-size:large;
                            font-style:italic;
                    }
                    .question{
                            color: rgb(102, 51, 102);
                    }
            </style>
    </head>
    <body>
    	<div align="center">
    		<br/>
    		<font class="titre">Quizz sur le tennis</font>
    	</div>
    	<div>
    		<hr align="center" noshade="noshade"/>
    		<font class="question"><b>Question 1 :</b></font>
    		<br/>Qui détient actuellement le record de Grand Chelem gagné (17)? <br/>
    		<label><input name="question1" type="radio" onclick='q[1]=0'/>Rafael Nadal</label><br/><!--le joueur gagne 0 points -->
    		<label><input name="question1" type="radio" onclick='q[1]=1'/>Roger Federer</label><br/><!--le joueur gagne 1 points -->
    		<label><input name="question1" type="radio" onclick='q[1]=0'/>Pete Sampras</label><br/><!--le joueur gagne 0 points -->
     
    		<hr align="center" noshade="noshade"/>
    		<font class="question"><b>Question 2 :</b></font>
    		<br/>Combien de Roland-Garros Nadal a-t-il remporté ?<br/>
    		<label><input name="question2" type="radio" onclick='q[2]=0'/>7</label><br/><!--le joueur gagne 0 points -->
    		<label><input name="question2" type="radio" onclick='q[2]=0'/>8</label><br/><!--le joueur gagne 0 points -->
    		<label><input name="question2" type="radio" onclick='q[2]=1'/>9</label><br/><!--le joueur gagne 1 points -->
     
    		<hr align="center" noshade="noshade"/>
    		<font class="question"><b>Question 3 :</b></font>
    		<br/>Sur quelle surface se déroule l'US Open?<br/>
    		<label><input name="question3" type="radio" onclick='q[2]=0'/></label>Terre-Battue<br/><!--le joueur gagne 0 points -->
    		<label><input name="question3" type="radio" onclick='q[2]=1'/></label>Dur<br/><!--le joueur gagne 1 points -->
    		<label><input name="question3" type="radio" onclick='q[2]=0'/></label>Herbe<br/><!--le joueur gagne 0 points -->
     
    		<hr align="center" noshade="noshade"/>
    		<font class="question"><b>Question 4 :</b></font>
    		<br/>Quand Stan Wawrinka  a-t-il remporté son premier Grand Chelem ?<br/>
    		<label><input name="question4" type="radio" onclick='q[2]=1'/></label>2014<br/><!--le joueur gagne 1 points -->
    		<label><input name="question4" type="radio" onclick='q[2]=0'/></label>2015<br/><!--le joueur gagne 0 points -->
    		<label><input name="question4" type="radio" onclick='q[2]=0'/></label>2012<br/><!--le joueur gagne 0 points -->
    		<!--tu peux mettre autant de réponses que tu veux-->
     
    		<p align="center">
    			<input value="Score ?" onclick="resultat()" type="button"/>
    		</p>
    	</div>
    </body>
    </html>

    Mon problème survient lors de l'affichage de l'arte Javascript, donnant le score du joueur, suivi d'un message :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    function resultat(){
    	score = calcul();
    	if ( score = 4 ) alert("Ton score est de "+score+" sur 4 ! Bravo !");
    	else alert("Ton score est de "+score+", il y a eu une ou plusieurs mauvaises réponses...");
    }



    Malgré cela, même si il y a une faute de le quizz, le message ne m'affiche que : "Ton score est de "+score+" sur 4 ! Bravo !" au lieu de "Ton score est de "+score+", il y a eu une ou plusieurs mauvaises réponses..."

    Pourriez-vous m'aider je vous en serait très reconnaissant !

    Merci et bonne journée

    Axel

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Ben... c'est logique, tu confonds allègrement une affectation (if ( score = 4 ) dont l'équivalent booléen est true) et une comparaison...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Août 2013
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2013
    Messages : 3
    Points : 2
    Points
    2
    Par défaut
    Bonjour,

    Merci pour votre réponse.

    Pourriez-vous m'indiquer où les corrections sont à faire ?

    Merci d'avance

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Ben... là où je l'ai indiqué...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre expert
    Avatar de Golgotha
    Homme Profil pro
    Full-stack Web Developer
    Inscrit en
    Août 2007
    Messages
    1 386
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Full-stack Web Developer
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2007
    Messages : 1 386
    Points : 3 531
    Points
    3 531
    Billets dans le blog
    1
    Par défaut
    • a = 10; // affectation
    • a == 10; // comparaison
    Consultant et développeur full-stack spécialiste du Web
    faq jQuery - règles du forum - faqs web

  6. #6
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Août 2013
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Suisse

    Informations forums :
    Inscription : Août 2013
    Messages : 3
    Points : 2
    Points
    2
    Par défaut
    Merci pour vos réponses ! Elles fonctionnent

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 30
    Dernier message: 28/03/2015, 12h21
  2. Testez vos connaissances avec le deuxième Quizz JavaScript
    Par vermine dans le forum Général JavaScript
    Réponses: 46
    Dernier message: 07/05/2014, 16h38
  3. Modifier un quizz JavaScript
    Par molochlebanni dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 18/04/2013, 14h59
  4. Comment modifier ce code javascript de quizz ?
    Par cynthiavn dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/05/2007, 03h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo