javascript - If 语句检查前面的函数 HTML 和 Javascript

Question

我有一个问题，我确信这是一个简单的解决方案，但我不知道该怎么做。所以我有下面的代码，我想知道如何获得“if”语句来检查并查看玩家滚动的内容是否足够高以对抗巨魔。

<p id="pizza"></p>
<button onClick="yumpizza();"style="position:absolute; TOP:120px; LEFT:350px">Roll for strength</button>

<script>
    function yumpizza() {
         document.getElementById("pizza").innerHTML = ("Strength:" + Math.floor(Math.random() * 20 + 1))
    }
</script>

<h3> A troll appears in front of you. What do you do? </h3>
<button onClick="troll">Fight him!</button>

<script id="troll">
     if(document.getElementById("pizza").innerHTML>= 19) {
          "Oh no! You have died."
     } else {
          "Nice, you showed him!"
     }
</script>

Answer 1

您的按钮 onclick 应该调用一个函数。它不应该引用元素的 id。当您与整数值 (19) 进行比较时，该函数还需要将该值解析为整数。我还添加了对警报的响应，以便响应显示在屏幕上。

function fight(){
  if(parseInt(document.getElementById("pizza").innerHTML.substr(9)) >= 19) {
    alert("Oh no! You have died.");
  } else {
    alert("Nice, you showed him!");
  }
}

还有你的按钮:

<button onclick="fight();">Fight him!</button>