HTML 是一種用于構建網頁的語言,我們可以通過編寫 HTML 代碼來構造各種網頁。同時,通過 HTML,我們還可以制作出精彩有趣的闖關游戲。
<!DOCTYPE html> <html> <head> <title>闖關游戲</title> </head> <body> <h1>歡迎來到第一關</h1> <form> <p>找到正確的入口</p> <label>A.<input type="radio" name="entrance" value="1">左邊</label> <label>B.<input type="radio" name="entrance" value="2">中間</label> <label>C.<input type="radio" name="entrance" value="3">右邊</label> <button onclick="checkAnswer(2)" type="button">提交答案</button> </form> <script> function checkAnswer(correctAnswer) { var chosenAnswer = document.querySelector('input[name="entrance"]:checked'); if (chosenAnswer === null) { alert("請選擇一個答案"); } else if (chosenAnswer.value == correctAnswer) { alert("恭喜你,答對了!"); window.location.href = "second.html"; } else { alert("很遺憾,答錯了,請再試一次"); } } </script> </body> </html>
上述代碼展示了一個簡單的 HTML 闖關游戲。該游戲中,玩家需要通過選擇一個正確的入口來進入下一關。在 HTML 代碼中,我們使用了 form 標簽,通過在表單中添加單選按鈕,讓用戶選擇其認為正確的入口。同時,我們還通過添加 JavaScript 代碼,實現了對玩家答案的判斷,以及正確和錯誤回答的反饋。
除了上述基本功能,闖關游戲還可以添加更多的豐富內容,例如圖片、音效等等,來提高游戲的趣味性和挑戰性。希望您也能使用 HTML 構建出自己心儀的闖關游戲!