Javascript仅在其他“ if”失败时执行“ if”

时间:2019-02-11 19:02:54

标签: javascript if-statement

一个月前我开始学习Javascript,对此我表示怀疑。我正在编写一个简单的游戏,它考虑一个随机数,您必须在尝试用尽之前先猜一下。为了确定玩家猜对了还是错了,我做了以下(简化代码):

start(){
num=documentGetElementById("num").value;
attempts=10;
}
try(){
attempts=attempts-1;
if(num==random)documentGetElementById("message").innerHTML="You have won.";
if(attempts==0)documentGetElementById("message").innerHTML="You have lost.";
}

这里发生的是,当您猜到最后一次尝试(还剩下1次尝试)中的数字时,它表示您已经输了。所以我的问题是:如何优先考虑if(num == random)...?

---编辑---

完整代码:

-HTML:

<div id="game">
  <div id="message"></div>
  <div id="status"></div>
  <div id="think"></div>
  <div id="start">
    <button id="start-button" class="boto-inici" onClick="start()"><span>START</span></button>
  </div>
  <div id="try">
    <label for="tryinput">Number:</label>
    <input type="text" id="tryinput"/>
    <button class="try-button" onClick="try()"><span>TRY</span></button>
  </div>
</div>

-JS:

function start(){
  document.getElementById("start").style.display="none";
  document.getElementById("try").style.display="block";
  document.getElementById("message").style.display="block";
  document.getElementById("status").style.display="block";
  document.getElementById("message").innerHTML="I've thought a number between 1 and 100";
  document.getElementById("status").innerHTML="You have 10 attempts.";
  random = Math.floor(Math.random()*100);
  attempts=10;
}

function try(){
  attempts=attempts-1;
  document.getElementById("status").innerHTML="You have " + attempts + " attempts left.";
  var num=document.getElementById("tryinput").value;
  if(num>random)document.getElementById("message").innerHTML="The number you chose is bigger.";
  if(num<random)document.getElementById("message").innerHTML="The number you chose is smaller.";
  if(num==random){
    document.getElementById("message").innerHTML="You won.";
    document.getElementById("status").innerHTML="The number I thought was the " + random + " .";
    document.getElementById("try").style.display="none";
    document.getElementById("start").style.display="block";
  }
  if(attempts==0){
    document.getElementById("try").style.display="none";
    document.getElementById("message").innerHTML="You lost.";
    document.getElementById("status").innerHTML="The number I thought was the " + random + " .";
    document.getElementById("start").style.display="block";
  }
  if(isNaN(num)){
    alert("Please write a number.");
  }
}

它的ID可能包含一些错误,因为我翻译了它。希望对您有所帮助。

1 个答案:

答案 0 :(得分:2)

这不是优先的问题。两种测试都按照给定的顺序运行。

您的问题是,如果第一个通过,您根本就不想做第二个测试。

使用else,以便第二个测试仅在第一个失败时运行。