您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了“怎么用JavaScript制作猜謎游戲”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“怎么用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中,只制作了一個(gè)用于猜測(cè)數(shù)字的輸入字段(input),一個(gè)用于提交猜測(cè)的按鈕(button)以及一個(gè)用來(lái)顯示結(jié)果的div。
在JavaScript中,我們使用 getElementById 獲取在 HTML 中所需要的這些內(nèi)容。然后再通過(guò) Math.random() 生成一個(gè)隨機(jī)數(shù),并將其乘以10(這是最大數(shù)字,你也可以將它改為任何你想要的數(shù)值。)
接著,我們?cè)偬砑右粋€(gè)事件監(jiān)聽(tīng)器,創(chuàng)建一個(gè)名為 inputvalue 的常量并在其中傳遞 inputfield.value,然后我們使用 parseInt 來(lái)獲取 inputvalue 的整數(shù)值。在我們只使用 if 語(yǔ)句,所以如果隨機(jī) === 輸入,那么我們將在結(jié)果 div 中寫入“正確答案”,否則我們將在結(jié)果 div 中寫入“錯(cuò)誤答案”。
以上是“怎么用JavaScript制作猜謎游戲”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。