當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
利用JavaScript写猜数字小游戏
生活随笔
收集整理的這篇文章主要介紹了
利用JavaScript写猜数字小游戏
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
要求：
?在頁面中寫一個猜數字的游戲：
?要求：
??1）生成0~100之間的隨機數，讓用戶猜
??2）輸入錯誤需要提示，并讓用戶重新輸入
??3）輸入正確，提示正確，并詢問是否繼續游戲 結果如下： 代碼如下： <!--在頁面中寫一個猜數字的游戲：要求：1、生成0-100之間的水技術，讓用戶猜2、輸入錯誤需要提升，并讓用戶重新輸入3、輸入正確，提示正確，并詢問是否繼續游戲。 --><!DOCTYPE html> <meta charset="utf-8"> <html> <head><title>猜數字</title> </head> <script type="text/javascript">var ran = parseInt(Math.random()*100);function guess() {var number = document.getElementById("number").value;if (number < 0 || number > 100) {alert("請輸入1到100的實數");} else if (ran == number) {alert("恭喜你猜對了，你猜的數字是" + ran + "， 如果要繼續游戲請重新刷新頁面");} else if (ran > number) {alert("很遺憾，你猜小了");} else if (ran < number) {alert("很遺憾，你猜大了");}} </script> <body>請輸入1到100的實數：<input type="text" name="number" id="number"><button type="button" onclick="guess()">提交</button> </body> </html>
?要求：
??1）生成0~100之間的隨機數，讓用戶猜
??2）輸入錯誤需要提示，并讓用戶重新輸入
??3）輸入正確，提示正確，并詢問是否繼續游戲 結果如下： 代碼如下： <!--在頁面中寫一個猜數字的游戲：要求：1、生成0-100之間的水技術，讓用戶猜2、輸入錯誤需要提升，并讓用戶重新輸入3、輸入正確，提示正確，并詢問是否繼續游戲。 --><!DOCTYPE html> <meta charset="utf-8"> <html> <head><title>猜數字</title> </head> <script type="text/javascript">var ran = parseInt(Math.random()*100);function guess() {var number = document.getElementById("number").value;if (number < 0 || number > 100) {alert("請輸入1到100的實數");} else if (ran == number) {alert("恭喜你猜對了，你猜的數字是" + ran + "， 如果要繼續游戲請重新刷新頁面");} else if (ran > number) {alert("很遺憾，你猜小了");} else if (ran < number) {alert("很遺憾，你猜大了");}} </script> <body>請輸入1到100的實數：<input type="text" name="number" id="number"><button type="button" onclick="guess()">提交</button> </body> </html>
?
總結
以上是生活随笔為你收集整理的利用JavaScript写猜数字小游戏的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 使用CSS样式对表格进行美化并对伪类的使
- 下一篇： 利用JavaScript中的原型给对像添