1. #1
    Futur Membre du Club
    Profil pro
    Inscrit en
    septembre 2007
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : septembre 2007
    Messages : 5
    Points : 5
    Points
    5

    Par défaut Débutant Javascript : petit problème et besoin d'explications

    Bonjour à tous,

    je vous joins le lien d'un bout de code js sur un jeu pierre/feuille/ciseau, je ne comprend pas pourquoi je me retrouve à perdre lorsque je suis censé gagner,

    voici le code https://jsfiddle.net/dyk76zp7/1/

    merci d'avance

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    février 2009
    Messages
    5 639
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 66
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : février 2009
    Messages : 5 639
    Points : 20 910
    Points
    20 910
    Billets dans le blog
    38

    Par défaut



    L'égalité (== ou ===) est toujours fausse, car il y a des espaces blancs dans le nom des boutons.
    Il faut utiliser trim() : https://developer.mozilla.org/fr/doc...ux/String/trim

    Exemple :

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <button>Pierre</button>
    <button>Feuille</button>
    <button>Ciseaux</button>
     
    <div class="resultat"></div>

    Code JavaScript : 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
    const
    	buttons = Array.from( document.querySelectorAll( "button" ) ),
    	resultat = document.querySelector( ".resultat" );
     
    for ( const button of buttons ){
     
    	button.addEventListener( "click", ev => {
    		const
    			joueur = ( ev.target.textContent ).trim(),
    			robot = ( buttons[ Math.floor( Math.random() * buttons.length ) ].textContent ).trim();
     
    		resultat.textContent = "";
     
    		if ( joueur === robot ){
    			resultat.textContent = `egalité : ${ joueur } === ${ robot }`;
    		} else if (
    			( joueur === "Pierre" && robot === "Ciseaux" ) ||
    			( joueur === "Feuille" && robot === "Pierre" ) ||
    			( joueur === "Ciseaux" && robot === "Feuille" ) ) {
    			resultat.textContent = `gagné : ${ joueur } > ${ robot }`;
    		} else {
    			resultat.textContent = `perdu : ${ joueur } < ${ robot }`;
    		}
    	});
    }

    Blog



    Nota bene : si vous devez être compatible avec les navigateurs obsolètes (IE8 et plus), vous devez convertir les codes ES2015 en ES5 avec Babel.

    FAQ JS Tutoriels JS

    Si un message vous a aidé ou vous semble pertinent, votez pour lui !

  3. #3
    Futur Membre du Club
    Profil pro
    Inscrit en
    septembre 2007
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : septembre 2007
    Messages : 5
    Points : 5
    Points
    5

    Par défaut

    Citation Envoyé par danielhagnoul Voir le message

    L'égalité (== ou ===) est toujours fausse, car il y a des espaces blancs dans le nom des boutons.
    Il faut utiliser trim() : https://developer.mozilla.org/fr/doc...ux/String/trim
    Franchement t'es un Dieu! c'était vraiment idiot comme erreur! mais ça m'a permis d'avoir une belle démo de ta part mille mercis à toi!

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

Discussions similaires

  1. Débutant Ajax petit problème
    Par gabdeschenes dans le forum AJAX
    Réponses: 0
    Dernier message: 29/07/2009, 22h20
  2. [débutant] Un petit problème avec mon code
    Par Muesko dans le forum Débuter
    Réponses: 3
    Dernier message: 28/08/2008, 17h12
  3. [Débutant] deux petits problèmes
    Par nanath02 dans le forum Langage
    Réponses: 6
    Dernier message: 08/10/2007, 22h32
  4. [débutant]2 petits problèmes avec JDialog
    Par pingoui dans le forum AWT/SWING
    Réponses: 7
    Dernier message: 18/02/2007, 19h46
  5. [Débutant] petit problème de "protected"
    Par dj_lil dans le forum Langage
    Réponses: 6
    Dernier message: 07/07/2005, 10h54

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