js实现弹窗猜数字游戏

2024-09-27 03:22:36

本文实例为大家分享了js实现弹窗猜数字游戏的具体代码，供大家参考，具体内容如下

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title></title>
 </head>
 <body>
 <script>
 var num = Math.floor(Math.random() * 100 + 1); // 产生0-100的数加以1
 do {
 var guess = parseInt(prompt("下面进行猜数字游戏，请输入1到100之间的整数：", ""));
 if(guess === num) { //当guess值等同随机数值时，直接比较值
  alert("恭喜你，猜对了，幸运数字是：" + num); //猜对数字弹出窗口
  break;
 } else {
  if(guess > num) { //输入的值大于随机数时
  alert("你猜的数字大了");
  go_on = confirm("是否继续游戏？"); //confirm()方法返回一个一个带确认和取消按钮的对话框，点击确认，confirm返回true，点击取消，confirm返回false。
  } else { //当猜的数字小于随机数时
  alert("你猜的数字小了");
  go_on = confirm("是否继续游戏？"); //对话框
  }
 }
 } while (go_on); //当指定的条件为 true 时循环指定的代码块
 alert("谢谢参与游戏！");
 </script>
 </body>
</html>

最后附上全部代码

网页执行效果图：
当输入30时，猜的数字偏大

确定后会再弹窗询问是否继续，确定就继续游戏，取消就退出游戏。

那我们就可以确定数字在30以下了
最后输入一次数字13，幸运数字

感兴趣的小伙伴可以尝试一下

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

基于JavaScript实现猜数字游戏代码实例

环境 vscode 1.46 Microsoft Edge 83 示例以下内容为了解和熟悉 JavaScript,不需要理解,能够复制粘贴并正确运行即可. 新建网页模板在 vscode 中新建一个 index.html 文件,然后输入以下内容. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>猜数字游戏</title> <style&
js实现一个猜数字游戏

看你需要猜几次才能猜到那个正确的数字! 效果图: 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>猜数字游戏</title> <script type="text/javascript" cha
JavaScript实现猜数字游戏

本博文源于js基础,旨在讨论如何实现猜随机数的小游戏. 题目重现随机生成一个[0,100]区间的数字,不断重复用户输入,直到用户输入对为止. 实现原理先用Math.random生成一个数字,欲得到[a,b]区间的随机整数,可采用以下公式: parseInt(Math.random()*(b-a+1))+a; 举个例子:得到[3,8] parseInt(Math.random()*6)+3; 然后循环里,多分支if判断一下,给用户提示一下测试用例玩的时候用二分法玩,二分法就是一次砍一半,比
jsp+servlet实现猜数字游戏

jsp+servlet实现猜数字游戏主要用到了servlet方面的session,HttpServletResponse类中的sendRedirect()方法. step1,客户访问或刷新getNumber.jsp页面时,随机给用户分配一个1-100之间的数字,将该数字存放到客户的session中. <%@ page language="java" import="java.util.*" contentType="text/html;charset
JS实现网页端猜数字小游戏

本文实例为大家分享了JS实现网页端猜数字游戏的具体代码,供大家参考,具体内容如下题目描述电脑产生一个0到100之间的随机数字,并且要求用户来猜,如果用户猜的数字比这个数字大,电脑会提示"太大",否则会提示"太小",当用户正好猜中,电脑会提示"恭喜你猜对了,这个数是-".在用户每次猜测之后,程序会输出用户第几次猜测.如果用户输入的根本不是一个数字,程序会告诉用户输入无效代码实现 <!DOCTYPE html> <html&g
js猜数字小游戏的简单实现代码

复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="
JSP实现百万富翁猜数字游戏

本文实例为大家分享了JSP实现百万富翁猜数字游戏的具体代码,供大家参考,具体内容如下设计一个web app,每次产生一个30以内的数字,给5次机会让客户猜测这个数字: 1)如果客户猜的数字比产生的数字值大,则提示"大了". 2)如果客户猜的数字比产生的数字值小,则提示"小点" 猜对了就过关,猜错Game Over,给玩家重玩的机会. JSP代码: <%@ page language="java" contentType="tex
JS猜数字游戏实例讲解

本文实例为大家分享了JS实现猜数字游戏的具体代码,供大家参考,具体内容如下猜数字游戏: 1)利用JS的Math内置对象,实现在1-50内选取一个整数随机数作为游戏答案 2)输入数字进行判断,共有10次输入机会 3)若大于答案数字,则提示猜大了,若小于答案数字,则提示猜小了 4)直至10次机会用完或者猜对答案了,则结束游戏 <script type="text/javascript"> // 猜数字案例 function guessTip(min, max) { min =
angularjs实现猜数字大小功能

本文实例为大家分享了angularjs实现猜数字大小功能的具体代码,供大家参考,具体内容如下 <body ng-app="myapp" ng-controller="myCtrl"> <h2>猜一猜,多大值?(1-1000)</h2> 我猜是:<input type="text" ng-model="guess"> <button ng-click="check(
AngularJS实现的生成随机数与猜数字大小功能示例

本文实例讲述了AngularJS实现的生成随机数与猜数字大小功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net Angular猜数</title> <style> *{ margin: 0; padding: 0; font-siz

js实现弹窗猜数字游戏

相关推荐

随机推荐