JS實現(xiàn)網頁端猜數(shù)字小游戲
更新時間：2020年03月06日 09:08:42 作者：Joish丶
這篇文章主要為大家詳細介紹了JS實現(xiàn)網頁端猜數(shù)字小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了JS實現(xiàn)網頁端猜數(shù)字游戲的具體代碼，供大家參考，具體內容如下
題目描述
電腦產生一個0到100之間的隨機數(shù)字，并且要求用戶來猜，如果用戶猜的數(shù)字比這個數(shù)字大，電腦會提示“太大”，否則會提示“太小”，當用戶正好猜中，電腦會提示“恭喜你猜對了，這個數(shù)是…”。在用戶每次猜測之后，程序會輸出用戶第幾次猜測。如果用戶輸入的根本不是一個數(shù)字，程序會告訴用戶輸入無效
代碼實現(xiàn)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>猜數(shù)字小游戲</title>
<script type="text/javascript">
var Random = Math.floor(Math.random()*101)
alert("猜測一個0到100之間的整數(shù)")
for (var i = 1; ; i++ ) {
var val = prompt("第"+i+"次猜,請輸入一個整形數(shù)字")
if (isNaN(val) || val > 100 || val < 0) {
alert("輸入無效，請輸入一個0到100之間的整數(shù)。")
} else {
if (val < Random) {
alert("太小了，請再猜一次。")
} else if (val > Random) {
alert("太大了，請再猜一次。")
} else if (val == Random) {
alert("恭喜你猜對了，這個數(shù)是"+val)
break
}
}
}
</script>
</head>
<body>
</body>
</html>
這種小玩意不需要css渲染，把js在html里直接寫就比較方便了，思路也沒有什么可以說的，直接看效果吧。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
今天在群里看到有人要幻燈片的代碼，于是我自己也想了想，做個總結。常見的幻燈片切換無非就是輪播和漸變，不管哪種都是用定時器來逐步改變圖片或者圖片組的某種屬性來實現(xiàn)的2011-12-12
利用NodeJS和PhantomJS抓取網站頁面信息以及網站截圖
這篇文章主要介紹了利用NodeJS和PhantomJS抓取網站頁面信息以及網站截圖的方法，提供實例代碼供大家參考2013-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)網頁圖片輪換播放，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
JS將json字符串轉換為JsonObject的多種實現(xiàn)方法
在Web前端開發(fā)中,JSON（JavaScript Object Notation）作為數(shù)據(jù)交換格式被廣泛使用,它輕量級且易于人類閱讀和編寫,同時也易于機器解析和生成,當從服務器接收數(shù)據(jù)時,我們需要將其轉換為JSON對象以便于操作,本文將深入探討如何利用JavaScript實現(xiàn)這一轉換過程2025-02-02
這篇文章主要為大家詳細介紹了微信小程序自定義波浪組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要介紹了JS+CSS實現(xiàn)可拖動的彈出提示框,涉及針對鼠標事件及html元素的操作技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
小程序內是不能直接分享到朋友圈的。所以只能通過生成圖片，攜帶小程序二維碼，保存到手機相冊，讓用戶自己選擇發(fā)到朋友圈。然后可以通過在小程序中識別二維碼來進入小程序的指定頁面。下面小編給大家分享實現(xiàn)代碼，需要的朋友參考下吧2018-05-05
這篇文章主要介紹了使用javascript將時間轉換成今天，昨天，前天等格式的相關資料,需要的朋友可以參考下2015-06-06
詳解JavaScript如何實現(xiàn)一個簡易的Promise對象
Promise對象的作用將異步操作以同步操作的流程表達出來，避免層層嵌套的回調函數(shù)，而且Promise提供了統(tǒng)一的接口，使得控制異步操作更加容易。本文介紹了如何實現(xiàn)一個簡單的Promise對象，需要的可以參考一下2022-11-11
javascript結合canvas實現(xiàn)圖片旋轉效果
圖片的旋轉可以說是一種效果，但是逐漸旋轉已經不單單是屬于視覺效果那個范疇，其更具有使用性，功能性。照片有時候是需要橫過來的拍的，當我們預覽或共享到web上時需要進行旋轉。這個操作在以往可能更多的是交給軟件去完成，然后再將旋轉到正常角度的圖片發(fā)布到web上。2015-05-05