Pourquoi la seconde fonction ne fonctionne-t-elle pas?

Question

J'essaie de faire un petit jeu mais je n'ai pas beaucoup d'expérience. Je sais aussi que cela est probablement certainement pas la meilleure façon de le faire, donc si quelqu'un a quelque chose pour les débutants qui serait super

<a id="key">There is a key on the floor</a> 
<button onclick="keylol()">Pick it up</button> 

<a id="door">You see a locked door</a> 
<button onclick="doortext()">Try to open the door</button> 

<script> 
var key = 1 
function keylol() { 
document.getElementById("key").innerHTML = "You picked up the key"; 
var key = 2; 
} 

function doortext() { 
if (key = 1) { 
document.getElementById("door").innerHTML = "You cannot open a locked door"; 
} else { 
document.getElementById("door").innerHTML = "You opened the door hooray"; 
} 
} 
</script> 

Answer 1

Vous devez utiliser === plutôt que =:

if (key === 1) { 
    ... 
} 

Answer 2

vous avez fait deux erreurs:

la première est que vous redéclarant une nouvelle variable nommée key dans le cadre de la fonction keylol, donc la valeur 2 n'est pas le cul ignoré à la variable externe nommée key.

La seconde est que vous redéclarez la variable key au lieu de la comparer dans votre clause if.

changement var key = 2 à key = 2 et if(key = 1)-if(key === 1):

var key = 1 
 

 
function keylol() { 
 
    document.getElementById("key").innerHTML = "You picked up the key"; 
 
    key = 2; 
 
} 
 

 
function doortext() { 
 
    if (key === 1) { 
 
    document.getElementById("door").innerHTML = "You cannot open a locked door"; 
 
    } else { 
 
    document.getElementById("door").innerHTML = "You opened the door hooray"; 
 
    } 
 
}

<a id="key">There is a key on the floor</a> 
 
<button onclick="keylol()">Pick it up</button> 
 

 
<a id="door">You see a locked door</a> 
 
<button onclick="doortext()">Try to open the door</button>

Answer 3

<a id="key">There is a key on the floor</a> 
 
<button onclick="keylol()">Pick it up</button> 
 

 
<a id="door">You see a locked door</a> 
 
<button onclick="doortext()">Try to open the door</button> 
 

 
<script> 
 
var key = 1 
 
function keylol() { 
 
document.getElementById("key").innerHTML = "You picked up the key"; 
 
key = 2; 
 
} 
 

 
function doortext() { 
 
if (key == 1) { 
 
document.getElementById("door").innerHTML = "You cannot open a locked door"; 
 
} else { 
 
document.getElementById("door").innerHTML = "You opened the door hooray"; 
 
} 
 
} 
 
</script>