如何製作檢查答案的答案標籤框？

我想創建一個看起來像是一個搜索框的問題框標籤，但是，我希望用戶能夠對問題標籤進行回答，並使其表示類似於如果答案是「kfuffle」，然後轉到youtube.com如何製作檢查答案的答案標籤框？

2016-05-21 TheYellowPolarBear

你可以發佈你迄今爲止嘗試過的代碼嗎？ –

到目前爲止，我還沒有任何代碼。我需要一個答案/搜索框的代碼。（我知道一個搜索框需要一些代碼，比如 TheYellowPolarBear

檢查我的答案 –

在這裏你去，純JavaScript解決方案：

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

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

如果你想要編輯的東西，只是谷歌switch javascript syntax

PS：如果你只需要一個選項（kfuffle之一）告訴我，我會編輯代碼，使它更短，更容易（做我的想法關於多個選項）。

來源

2016-05-21 23:29:24 yuriy636

非常感謝！這正是我所需要的。 – TheYellowPolarBear

你想要這樣的東西嗎？

當用戶點擊提交時，它會檢查他們的輸入是否等於'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>

來源

2016-05-21 23:08:12

如何製作檢查答案的答案標籤框？

回答

相關問題