javascript - 正确的单词重定向到相应的页面

Question

我想用 javascript 实现以下目标:

当您在输入框中输入以下任意单词并单击提交按钮时，您将被重定向到相应的页面:

树 => tree.php
巧克力 => Chocolate.php
鸟 =>bird.php
蜡烛 => Candle.php
苹果 => apple.php

但是，如果您输入与上述不同的单词，您将收到一条警告消息。

<div id="main">
  <form action="">
    <ul>
      <li><input class="inputbox" type="text" name="TypeWord" value="" placeholder="Type a word here"/></li>
      <li><input class="button" type="submit" name="Submit" value="Submit word"/></li>
    </ul>
  </form>
</div>

<div id="warning">
  <p style="visibility:hidden;">Oops, wrong word, please try again.</p>
</div>

有谁知道可以做到这一点的javascript吗？任何帮助深表感谢! :)

Answer 1

如果您只是使用纯 javascript，请参阅此 fiddle:

var VArray = ["tree", "chocolate", "bird", "candle", "apple"];

您可以在那里查看代码，但将要验证的所有内容放入数组并循环该数组会更容易。