只有在输入字段中输入某个单词时,如何启动javascript:alert框?

时间:2014-10-05 16:33:28

标签: javascript html textbox alert

<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>

所以这是我的代码到目前为止我输入的任何东西都给了我一个文本框,上面写着Enemy有什么健康状况,我想把它放在哪里只有当你在输入字段中输入spark或fire时你得到那个文本框如果你像skdfslkfha那样输入一些随机的东西(现在不像:/)

1 个答案:

答案 0 :(得分: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');
    }

}