javascript - 如何启动 javascript :alert box only if a certain word is typed into the input field?

Question

<script>
var monster = 40
var damage = Math.floor(Math.random()*10)
</script>


<p>Type 'Spark' or 'Fire' to Attack.</p>
<form action="javascript:alert(  'Enemy has' + (monster- damage) + 'Health!' );"
>
  <div>
    <input type="text">
    <input type="submit">
  </div>

</form>
<span></span>


</body>

所以这是我的代码，到目前为止，我在其中输入任何内容都会给我一个文本框，说明敌人有任何健康状况，我希望只有当您在输入字段中输入 Spark 或火焰时，您才会得到该文本框如果你输入像 skdfslkfha 这样的随机内容，什么也不会发生(与现在不同:/)

Answer 1

JS Fiddle

html

<form action="javascript:ale()">
    <div>
        <input type="text" id="find">
        <input type="submit">
    </div>
</form>

JavaScript

function ale() {

    a = document.getElementById("find").value
    if (a == 'Spark' || a == 'Fire') {
        var monster = 40
        var damage = Math.floor(Math.random() * 10)
        alert('Enemy has ' + (monster - damage) + ' Health!');
    }
    else{
        alert('worng keyword');
    }

}