怎么用JavaScript制作猜謎游戲

這篇文章主要為大家展示了“怎么用JavaScript制作猜謎游戲”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“怎么用JavaScript制作猜謎游戲”這篇文章吧。

實例代碼

<input type="text" placeholder="Your Guess" id="inputfield">
<button id="inputsubmit">Submit</button>
<!-- The results will be shown here -->
<div id="result"></div>

const inputfield = document.getElementById('inputfield')
const inputsubmit = document.getElementById('inputsubmit')
const result = document.getElementById('result')

const random = Math.floor(Math.random() * 10)

inputsubmit.addEventListener('click', () => {
    const inputvalue = inputfield.value
    const input = parseInt(inputvalue)
    if ( random === input ) {
        result.innerText = "Correct answer"
    } else {
        result.innerText = "Wrong answer"
    }
})

實現內容

在HTML中，只制作了一個用于猜測數字的輸入字段（input），一個用于提交猜測的按鈕（button）以及一個用來顯示結果的div。

在JavaScript中，我們使用 getElementById 獲取在 HTML 中所需要的這些內容。然后再通過 Math.random() 生成一個隨機數，并將其乘以10（這是最大數字，你也可以將它改為任何你想要的數值。）

接著，我們再添加一個事件監聽器，創建一個名為 inputvalue 的常量并在其中傳遞 inputfield.value，然后我們使用 parseInt 來獲取 inputvalue 的整數值。在我們只使用 if 語句，所以如果隨機 === 輸入，那么我們將在結果 div 中寫入“正確答案”，否則我們將在結果 div 中寫入“錯誤答案”。

以上是“怎么用JavaScript制作猜謎游戲”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！