Changement de variable par bouton en html

Je suis en train d'apprendre le javascript et j'ai décidé de créer simple Roche, Papier, Ciseaux jeu. Je veux le rendre contrôlable par des boutons. J'ai donc fait cette dans le html:

<div id="game">
    <button onClick="user(rock)">Rock</button>
    <button onClick="user(paper)">Paper</button>
    <button onClick="user(scissors)">Scissors</button>
    <div id="result"></div>
    <br>
    <br>
    <button onClick="test()">DEBUG</button>
</div>

et ce dans .fichier js.

var user = "none";
function user(choice){
    var user = choice;
}

function test(click){
    alert("You chose " + user);
}

Alors j'ai pensé qu'après que j'ai cliqué touche Rock il va changer var utilisateur de la roche, mais il ne le fait pas. Après je clique sur le rocher et puis bouton Debug-je obtenir "Vous avez choisi le néant".

OriginalL'auteur Kyrbi | 2013-03-16

<div id="game">
    <button onClick="choose('rock')">Rock</button>
    <button onClick="choose('paper')">Paper</button>
    <button onClick="choose('scissors')">Scissors</button>
    <div id="result"></div>
    <br>
    <br>
    <button onClick="test()">DEBUG</button>
</div>

var user;
function choose(choice){
    user = choice;
}

function test(click){
    alert("You chossed " + user);
}

Cela m'a aidé beaucoup. J'ai trouvé une erreur. 🙂

OriginalL'auteur llvk

2

var est utilisé pour déclarer une variable. Vous n'avez pas besoin de déclarer user variable de nouveau dans user fonction. Vous avez juste besoin d'assigner une valeur déclarée.
```
var user; //declaration
function user(choice) {
    user = choice; //assignment
}
```
Je l'ai fait même manière que vous avez tapé et je reçois toujours "none" de bouton de débogage.

OriginalL'auteur Can Geliş
2

Un problème:
```
var user = "none";
function user(choice){
    var user = choice;
}
```
Une variable utilisateur est en masquant les autres variables de l'utilisateur.

Et ayant une fonction et de variable avec le même nom est une MAUVAISE idée.

OriginalL'auteur Steve Wellens
1

La var mot-clé utilisé dans le champ d'application d'une fonction qui permet de déclarer une nouvelle variable locale.

Par conséquent, dans le contexte global, user conserve la valeur "none".

Près de vous battre! +1

OriginalL'auteur Johannes Pille

Peut-être essayer un.. plus propre balisage.. utilise jQuery

<div id="game">
    <button class="user" data-name="rock">Rock</button>
    <button class="user" data-name="paper">Paper</button>
    <button class="user" data-name="scissors">Scissors</button>
    <div id="result"></div>
    <br>
    <br>
    <button id="test">DEBUG</button>
</div>


$(document).ready(function() {
    var user = "none";
    $(".user").click(function() {
       user = $(this).attr("data-name");
    });

    $("#test").click(function() {
       alert(user);
    });
});

http://jsfiddle.net/rQDbe/

Je vous remercie. Je ne veux pas utiliser jQuerry encore. Je suis en train d'apprendre le javascript droit maintenant et après que j'ai envie de savoir jQuerry. 🙂
bon à savoir 🙂 vous devriez apprendre le JavaScript avant d'utiliser une bibliothèque.

OriginalL'auteur Lucky Soni

0

Semble être un problème de délimitation de l'étendue. Essayez de supprimer le var à l'intérieur de la fonction.

OriginalL'auteur Anthony
0

Autres réponses sont la correction de certains problèmes. Il y a aussi un problème avec la façon dont vous êtes en appelant les fonctions que vous êtes en passant rock comme une variable, vous devez utiliser une chaîne de caractères:
```
<button onClick="user('rock')">Rock</button>
```
Sauf si vous êtes déclarer les variables quelque part, mais il n'est pas indiqué dans votre code.

J'ai corrigé ça. Maintenant, c'est comme vous dites: <button onClick="user("rock")">Rock</button> <button onClick="user("paper")">Paper</button> <button onClick="user("scissors")">Scissors</button>
N'utilisez pas de guillemets doubles pour la chaîne dans les attributs ou cela ne fonctionnera pas
Ahh c'était le problème. Merci!!!!

OriginalL'auteur romainberger
0

Les sélections doivent être enfermé dans les citations, javascript est à la recherche pour les variables nommées papier etc.
```
<button onClick="user(rock)">Rock</button>
<button onClick="user(paper)">Paper</button>
<button onClick="user(scissors)">Scissors</button>
```
OriginalL'auteur suspectus

Vous devez vous connecter pour publier un commentaire.