基于JS的简单猜数小游戏

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量208 收藏 1
点赞数 1
文章标签： javascript html js css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenyouleww/article/details/115717605
版权

JS简单猜数小游戏

上图

运行效果
目前只是可以0~100的数，也没写验证,自适应布局啥的。加油吧！
适合刚入门的小白。
多看看Javascript，es6了解吗？
Java，数据库也得看哦。

源码

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">	
	<title></title>
	<style type="text/css">
	*{
    
     margin:0;
    padding:0;
     }
		body {
    
			font-size: 80%;
			font-family: "微软雅黑"courier monospace;
			letter-spacing: 0.2em;
			
			
			width: 100%;
			min-width: 810px;
			height: 100%;
			min-height: 600px;
				
		}
		#canvas {
    
			position: absolute;
			z-index: -1;
			width: 100%;
			height: 100%;
		}

		#lum{
    
			float: left;
			position: relative;
			width: 20%;
			height:90%;
			border: 10px solid #F1F5C7;
			margin-top: 12px;
			margin-left: 12px;
			margin-right: 12px;
			font-size: 30px;
			background-color: #f8f5ca;
		}

		#page {
    
			float: left;
			max-width: 950px;
			position: relative;
			height: 550px;
			width: 70%;
			margin: 10px auto 10px auto;
			padding: 20px;
			border: 4px double #F1F5C7;
			background-color: pink;
			box-shadow: 10px;
			border-radius: 20px;
			background:url(https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3167149104,3069225610&fm=15&gp=0.jpg)  no-repeat left center;
			background-size: 100% 100%;
		
		}

		#title {
    
			position: absolute;
			width: 200px;
			margin: 5px auto 10px auto;
			font-size: 25px;
			text-align: center;
            box-sizing:border-box;
			left: 0;
			right: 0;
			top: 0;
			bottom
最低0.47元/天 解锁文章
chenyouleww
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript小案例2-实现猜数游戏
m0_59662145的博客
10-19 2612
随机数
用JS实现简单的猜数小游戏
freeline_FLY的专栏
02-20 5988
js的猜数游戏所用的知识点很少，主要的有随机产生一个随机整数，然后就是利用循环和if语句来做判断来实现游戏 第一步：我们要先随机产生出一个1-1000之间的整数 var num=Math.round(Math.random()*999+1); 然后就是一个循环，我们要通过一个循环来控制猜数的次数 在循环里面我们要每猜一次就判断一次这个数是比产生的数大，还是小，然后显示出来，接着再循
黑马程序员——JavaScript
lovey8的专栏
12-17 458
------- android培训、java培训、期待与您交流！ ---------- A:JavaScript  (1)是一种运行在客户端浏览器的脚本语言。  (2)JavaScript和Java的区别   A:JavaScript是基于对象的，而Java是面向对象。   B:JavaScript是弱类型语言，而Java是强类型语言。   C:JavaScript是解释型语言
一个简单的猜数游戏
01-17
使用Win32开发的一个简单的猜数游戏，在游戏中使用了带随机数种子的随机数发生器，可以产生不确定的随机数
javascript实现的猜数小游戏完整实例代码
10-22
主要介绍了javascript实现的猜数小游戏,游戏中用户共有10次猜测机会,并且每次都有不同的提示信息,该游戏涉及javascript流程控制与数值运算的相关技巧,需要的朋友可以参考下
一个简单的猜数字小游戏
weixin_43867762的博客
08-10 279
#define _CRT_SECURE_NO_WARNINGS #include<stdio.h> #include<windows.h> //游戏所运行的程序函数 void game() { //由系统生成一个随机数{1–100} int to_guess =rand() % 100 + 1; while (1) { printf(“请输入一个数字[1–100]: “);...
简单的JS实现猜数游戏
hanmou7的博客
06-23 6650
记录
jsp/servlet/Ajax实现的猜数游戏
10-16
【Ajax实现的猜数游戏】是一个基于Web技术的互动应用，它利用了JavaServer Pages (JSP)、Servlet以及Ajax（Asynchronous JavaScript and XML）技术。在这个游戏中，服务器随机生成一个数字，用户在客户端进行猜测，...
javascript经典特效---猜数的大小.rar
01-07
JavaScript经典特效——“猜数的大小”游戏是一个有趣且实用的学习项目，它涵盖了JavaScript的基础语法、事件处理、随机数生成以及条件判断等多个知识点。在这个游戏中，计算机随机选择一个数字，玩家需要通过输入...
猜数字：一个小游戏，尝试使用顺风css
02-17
【猜数字小游戏与顺风CSS】 猜数字游戏是一种经典的娱乐活动，通常在计算机程序中实现，让玩家尝试猜测一个由计算机随机生成的秘密数字。在这个版本中，我们使用JavaScript作为主要编程语言，来构建游戏逻辑，并尝试...
JS写的猜数的小游戏，一个是步数限制的，一个是限制时间的
10-23
在这个JS编写的猜数字游戏中，我们有两个不同的版本：一个是基于步数限制的，另一个是基于时间限制的。这个游戏的核心逻辑是让玩家在限定的条件下猜测一个由程序随机生成的数字。接下来，我们将深入探讨这两个版本的...
ASP.NET猜数游戏的设计与开发(源代码+论文).zip
03-07
【ASP.NET猜数游戏的设计与开发】是一款基于Web的互动娱乐应用，主要使用ASP.NET技术进行构建，结合C#编程语言实现服务器端逻辑，提供用户界面和交互功能。这款项目不仅包含了游戏的完整源代码，还附带了一篇详细的...
JavaScript入门(猜数字游戏)
li_magic的博客
11-18 1170
猜数字               var init_num = parseInt(Math.random()*100)+1;       console.log(init_num);       function guess() {        var num = document.getElementById("num").value;        var result
js猜数字小游戏
去旅行、在路上
03-11 2866
&amp;amp;lt;!doctype html&amp;amp;gt; 一个小小前端程序员
简单的猜数游戏
weixin_52621330的博客
02-08 252
前言：一个简单的小游戏 正文： Q： 请编写一个“猜数游戏”的C程序。游戏规则是：程序先随机地在1到1000之间选择好一个整数等待玩家来猜，然后程序显示： I have a number between 1 and 1000. Can you guess my number? Please type your first guess. 这时，玩家可以键入他第一次猜测的整数。之后程序会按照下面方式之一响应玩家的输入： Excellent! You guessed the number! Would you l
【JS】猜数字小游戏
Handsome_gir的博客
04-15 364
使用了 Math 对象的 floor() 方法和 random() 来返回一个0-100之间的随机数 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>猜数字小游戏</title> </head> <body> 请输...
简单的猜数字游戏[1]
Noria107的博客
02-07 3517
简单的猜数字游戏是预先设置一个100以内的正整数作为被猜数，用户输入一个数对其进行猜测，需要你编写程序自动对其与被猜数进行比较，并输出猜测的结果。在本题中，被猜数设置为38。 输入格式: 输入在一行中给出一个整数。 输出格式: 在一行中输出猜测的结果，分别为“Good Guess!”、“Too big!”、“Too small!”。 输入样例1: 48 输出样例1: Too big! 输入样例2:...
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 373
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
C++猜数小游戏代码
03-18
当然可以！以下是一个简单的C++猜数小游戏代码示例： ```cpp #include <iostream> #include <cstdlib> #include <ctime> int main() { // 生成随机数种子 srand(time(0)); // 生成一个1到100之间的随机数 int secretNumber = rand() % 100 + 1; int guess; int attempts = 0; std::cout << "欢迎来到猜数游戏！\n"; do { std::cout << "请输入一个1到100之间的整数："; std::cin >> guess; attempts++; if (guess > secretNumber) { std::cout << "太大了！请再试一次。\n"; } else if (guess < secretNumber) { std::cout << "太小了！请再试一次。\n"; } else { std::cout << "恭喜你猜对了！你用了" << attempts << "次尝试。n"; } } while (guess != secretNumber); return 0; } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值