快捷導(dǎo)航

JS實(shí)現(xiàn)網(wǎng)頁(yè)端猜數(shù)字小游戲

更新時(shí)間：2020年03月06日 09:08:42 作者：Joish丶

這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)網(wǎng)頁(yè)端猜數(shù)字小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JS實(shí)現(xiàn)網(wǎng)頁(yè)端猜數(shù)字游戲的具體代碼，供大家參考，具體內(nèi)容如下

題目描述

電腦產(chǎn)生一個(gè)0到100之間的隨機(jī)數(shù)字，并且要求用戶來(lái)猜，如果用戶猜的數(shù)字比這個(gè)數(shù)字大，電腦會(huì)提示“太大”，否則會(huì)提示“太小”，當(dāng)用戶正好猜中，電腦會(huì)提示“恭喜你猜對(duì)了，這個(gè)數(shù)是…”。在用戶每次猜測(cè)之后，程序會(huì)輸出用戶第幾次猜測(cè)。如果用戶輸入的根本不是一個(gè)數(shù)字，程序會(huì)告訴用戶輸入無(wú)效

代碼實(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("猜測(cè)一個(gè)0到100之間的整數(shù)")
    for (var i = 1; ; i++ ) {
      var val = prompt("第"+i+"次猜,請(qǐng)輸入一個(gè)整形數(shù)字")
      if (isNaN(val) || val > 100 || val < 0) {
        alert("輸入無(wú)效，請(qǐng)輸入一個(gè)0到100之間的整數(shù)。")
      } else {
        if (val < Random) {
          alert("太小了，請(qǐng)?jiān)俨乱淮巍?)
        } else if (val > Random) {
          alert("太大了，請(qǐng)?jiān)俨乱淮巍?)
        } else if (val == Random) {
          alert("恭喜你猜對(duì)了，這個(gè)數(shù)是"+val)
          break
        }
      }
    }
    </script>
  </head>
  <body>

  </body>
</html>

這種小玩意不需要css渲染，把js在html里直接寫(xiě)就比較方便了，思路也沒(méi)有什么可以說(shuō)的，直接看效果吧。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js 幻燈片的實(shí)現(xiàn)
今天在群里看到有人要幻燈片的代碼，于是我自己也想了想，做個(gè)總結(jié)。常見(jiàn)的幻燈片切換無(wú)非就是輪播和漸變，不管哪種都是用定時(shí)器來(lái)逐步改變圖片或者圖片組的某種屬性來(lái)實(shí)現(xiàn)的
2011-12-12
利用NodeJS和PhantomJS抓取網(wǎng)站頁(yè)面信息以及網(wǎng)站截圖
這篇文章主要介紹了利用NodeJS和PhantomJS抓取網(wǎng)站頁(yè)面信息以及網(wǎng)站截圖的方法，提供實(shí)例代碼供大家參考
2013-11-11
js實(shí)現(xiàn)網(wǎng)頁(yè)圖片輪換播放
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)網(wǎng)頁(yè)圖片輪換播放，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
JS將json字符串轉(zhuǎn)換為JsonObject的多種實(shí)現(xiàn)方法
在Web前端開(kāi)發(fā)中,JSON（JavaScript Object Notation）作為數(shù)據(jù)交換格式被廣泛使用,它輕量級(jí)且易于人類閱讀和編寫(xiě),同時(shí)也易于機(jī)器解析和生成,當(dāng)從服務(wù)器接收數(shù)據(jù)時(shí),我們需要將其轉(zhuǎn)換為JSON對(duì)象以便于操作,本文將深入探討如何利用JavaScript實(shí)現(xiàn)這一轉(zhuǎn)換過(guò)程
2025-02-02
微信小程序自定義波浪組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義波浪組件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-09-09
JS+CSS實(shí)現(xiàn)可拖動(dòng)的彈出提示框
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)可拖動(dòng)的彈出提示框,涉及針對(duì)鼠標(biāo)事件及html元素的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
微信小程序通過(guò)保存圖片分享到朋友圈功能
小程序內(nèi)是不能直接分享到朋友圈的。所以只能通過(guò)生成圖片，攜帶小程序二維碼，保存到手機(jī)相冊(cè)，讓用戶自己選擇發(fā)到朋友圈。然后可以通過(guò)在小程序中識(shí)別二維碼來(lái)進(jìn)入小程序的指定頁(yè)面。下面小編給大家分享實(shí)現(xiàn)代碼，需要的朋友參考下吧
2018-05-05
使用javascript將時(shí)間轉(zhuǎn)換成今天，昨天，前天等格式
這篇文章主要介紹了使用javascript將時(shí)間轉(zhuǎn)換成今天，昨天，前天等格式的相關(guān)資料,需要的朋友可以參考下
2015-06-06
詳解JavaScript如何實(shí)現(xiàn)一個(gè)簡(jiǎn)易的Promise對(duì)象
Promise對(duì)象的作用將異步操作以同步操作的流程表達(dá)出來(lái)，避免層層嵌套的回調(diào)函數(shù)，而且Promise提供了統(tǒng)一的接口，使得控制異步操作更加容易。本文介紹了如何實(shí)現(xiàn)一個(gè)簡(jiǎn)單的Promise對(duì)象，需要的可以參考一下
2022-11-11
javascript結(jié)合canvas實(shí)現(xiàn)圖片旋轉(zhuǎn)效果
圖片的旋轉(zhuǎn)可以說(shuō)是一種效果，但是逐漸旋轉(zhuǎn)已經(jīng)不單單是屬于視覺(jué)效果那個(gè)范疇，其更具有使用性，功能性。照片有時(shí)候是需要橫過(guò)來(lái)的拍的，當(dāng)我們預(yù)覽或共享到web上時(shí)需要進(jìn)行旋轉(zhuǎn)。這個(gè)操作在以往可能更多的是交給軟件去完成，然后再將旋轉(zhuǎn)到正常角度的圖片發(fā)布到web上。
2015-05-05