如何制作一个检查答案的答案标签框?

时间:2016-05-21 22:30:03

标签: javascript html

我想创建一个看起来像搜索框的问题框标签,但是,我希望用户能够回答问题标签并让它说出如果答案是“kfuffle”然后去到youtube.com

2 个答案:

答案 0 :(得分:0)

你想要这样的东西吗?

当用户点击提交时,它将检查他们的输入是否等于'kfuffle'。如果是,则会显示一条消息,然后在一段时间后,它们会重新定向到YouTube。

<?php 
if(isset($_POST['submit'])) {
if($_POST['text'] == 'kfuffle') {
echo "Correct answer!";
echo "<script>setTimeout(\"location.href = 'http://www.youtube.com';\",1500);</script>";
}
}
?>

<form method="post">
<input type="text" name="text" style="border: 1px solid;">
<input type="submit" name="submit">
</form>

答案 1 :(得分:0)

在这里,纯JavaScript解决方案:

hashTable[i]->something

<div id="main">
Where to:<input type="search" id="search">
<button onclick="go()">Lets go</button>

如果您想编辑某些内容,请点击Google <script> function go(){ var q = document.getElementById('search').value; switch(q){ case 'kfuffle': window.location = 'https://youtube.com' ; break; case 'google': window.location = 'https://google.com'; break; default: alert('Not found'); } }</script>

PS:如果你只需要一个选项(kfuffle),只需告诉我,我就会编辑代码,以便它更短更容易(我的思考多个选项)。