WPS-js宏 做了一个“黑”棋

最新推荐文章于 2023-11-09 17:40:46 发布
最新推荐文章于 2023-11-09 17:40:46 发布
阅读量1.4k 收藏 2
点赞数
分类专栏： WPS-js宏 文章标签： wps javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42329250/article/details/130769103
版权
本文介绍了一种利用WPS的JS宏功能创建一个棋盘游戏的方法。游戏涉及九宫格、随机颜色分配、点击方块改变颜色及相邻方块响应的逻辑，旨在通过实践提升文档处理效率。教程详细阐述了从新建窗体、设置控件到编写初始化、点击事件和颜色判定等代码的过程。
摘要由CSDN通过智能技术生成

最近在研究wps的js宏，想要通过js宏提高工作中文档处理的效率。不过目前是自己摸索着去学习。

学习过程中使用js宏制作了一个“黑”棋小游戏（官方的游戏名不太清楚）

游戏概述：运行后会出现一个九宫格+一个开始按钮+一个显示下棋步数的控件

游戏规则：运行后九个正方形会随机变成黑色/红色，点击方块可以改变正方形的颜色（黑色红色互转），同时被点击的正方形的相邻（上下左右）正方形也会改变颜色，将9个正方形的颜色都点击为黑色，游戏即胜利同时会显示用到的步数。

以下是关于这个小游戏的制作教程：

（1）新建一个excel文件并打开WPS的js宏编辑器，在编辑器中新建一个窗体，然后就从控件区各种拉，这里拉了一个button（用于开始按钮）、一个标签框（用于显示游戏步数信息）、九个切换按钮（用于9个游戏方块）

（2）代码实现1：游戏加载时的初始化程序+开始按钮对应的程序

//游戏加载初始化程序
function allblack(){
	UserForm1.Close()
	UserForm5.Label1.Caption = ''
	UserForm5.StartUpPostion = 1
	//	设置9个切换按钮的显示值（这个是显示在切换按钮上的值，此处不需要所以设置为空）
	UserForm5.ToggleButton1.Caption = ''
	UserForm5.ToggleButton2.Caption = ''
	UserForm5.ToggleButton3.Caption = ''
	UserForm5.ToggleButton4.Caption = ''
	UserForm5.ToggleButton5.Caption = ''
	UserForm5.ToggleButton6.Caption = ''
	UserForm5.ToggleButton7.Caption = ''
	UserForm5.ToggleButton8.Caption = ''
	UserForm5.ToggleButton11.Caption = ''
	//	显示窗体
	UserForm5.Show()
}
//点击开始按钮程序
function UserForm5_CommandButton1_Click()
{
	UserForm5.Label1.Caption = '-1'
	//	设置切换按钮的值（不是显示值！是值，0和1分别代表切换按钮的两种状态）
	//	这里设置了随机数，实现9个方块随机值的效果
	UserForm5.ToggleButton1.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton2.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton3.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton4.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton5.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton6.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton7.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton8.Value = Math.round(Math.random()) 
	UserForm5.ToggleButton11.Value = Math.round(Math.random()) 
	//	值是随机的但是此时方块不会有颜色，调用颜色更新的程序
	color()
}

 （3）代码实现2：根据切换按钮的值判断方块颜色程序+游戏结束判定程序+记录步数程序

//颜色判定
function color(){
	//	上一步切换按钮生成了随机值0或1，这里值为1背景色为黑色，值为2背景色为红色
	//	此时的颜色值是用的十进制，可能会觉得看不懂
	if(UserForm5.ToggleButton1.Value){
		UserForm5.ToggleButton1.BackColor = 0
	}else{
		UserForm5.ToggleButton1.BackColor = 16711680
	}
	if(UserForm5.ToggleButton2.Value){
		UserForm5.ToggleButton2.BackColor = 0
	}else{
		UserForm5.ToggleButton2.BackColor = 16711680
	}
	if(UserForm5.ToggleButton3.Value){
		UserForm5.ToggleButton3.BackColor = 0
	}else{
		UserForm5.ToggleButton3.BackColor = 16711680
	}
	if(UserForm5.ToggleButton4.Value){
		UserForm5.ToggleButton4.BackColor = 0
	}else{
		UserForm5.ToggleButton4.BackColor = 16711680
	}
	if(UserForm5.ToggleButton5.Value){
		UserForm5.ToggleButton5.BackColor = 0
	}else{
		UserForm5.ToggleButton5.BackColor = 16711680
	}
	if(UserForm5.ToggleButton6.Value){
		UserForm5.ToggleButton6.BackColor = 0
	}else{
		UserForm5.ToggleButton6.BackColor = 16711680
	}
	if(UserForm5.ToggleButton7.Value){
		UserForm5.ToggleButton7.BackColor = 0
	}else{
		UserForm5.ToggleButton7.BackColor = 16711680
	}
	if(UserForm5.ToggleButton8.Value){
		UserForm5.ToggleButton8.BackColor = 0
	}else{
		UserForm5.ToggleButton8.BackColor = 16711680
	}
	if(UserForm5.ToggleButton11.Value){
		UserForm5.ToggleButton11.BackColor = 0
	}else{
		UserForm5.ToggleButton11.BackColor = 16711680
	}
	//	更新完颜色后会触发记录步数的程序和游戏结束判定的程序
	jibu()
	end()
}
//结束判定
function end()
{
	//	当切换按钮（游戏方块）的值全为1，游戏结束!
	if (UserForm5.ToggleButton1.Value == 1 && 
		UserForm5.ToggleButton2.Value == 1 && 
		UserForm5.ToggleButton3.Value == 1 && 
		UserForm5.ToggleButton4.Value == 1 && 
		UserForm5.ToggleButton5.Value == 1 && 
		UserForm5.ToggleButton6.Value == 1 && 
		UserForm5.ToggleButton7.Value == 1 && 
		UserForm5.ToggleButton8.Value == 1 && 
		UserForm5.ToggleButton11.Value == 1
		)
		{
			let a = UserForm5.Label1.Caption
			UserForm5.Label1.Caption = "success" + a
		}
}
//记录步数
function jibu()
{
	UserForm5.Label1.Caption ++
}

  （4）代码实现3：9个切换按钮（游戏方块）被按下后更换值的程序

//以下9段程序为9个切换按钮（游戏方块）的对应程序
//当方块被点击时，程序会让该方块的上下左右四面的相邻方块的值变化（0和1的转换），并执行颜色更新的程序
//！！！此处不需要写被点击的方块更改值的程序，因为切换按钮被点击会自动切换！！！
function UserForm5_ToggleButton1_Click()
{
	UserForm5.ToggleButton2.Value = 1 ^ (UserForm5.ToggleButton2.Value ? 1 : 0)
	UserForm5.ToggleButton4.Value = 1 ^ (UserForm5.ToggleButton4.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton2_Click()
{
	UserForm5.ToggleButton1.Value = 1 ^ (UserForm5.ToggleButton1.Value ? 1 : 0)
	UserForm5.ToggleButton3.Value = 1 ^ (UserForm5.ToggleButton3.Value ? 1 : 0)
	UserForm5.ToggleButton5.Value = 1 ^ (UserForm5.ToggleButton5.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton3_Click()
{
	UserForm5.ToggleButton2.Value = 1 ^ (UserForm5.ToggleButton2.Value ? 1 : 0)
	UserForm5.ToggleButton6.Value = 1 ^ (UserForm5.ToggleButton6.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton4_Click()
{
	UserForm5.ToggleButton1.Value = 1 ^ (UserForm5.ToggleButton1.Value ? 1 : 0)
	UserForm5.ToggleButton7.Value = 1 ^ (UserForm5.ToggleButton7.Value ? 1 : 0)
	UserForm5.ToggleButton5.Value = 1 ^ (UserForm5.ToggleButton5.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton5_Click()
{
	UserForm5.ToggleButton2.Value = 1 ^ (UserForm5.ToggleButton2.Value ? 1 : 0)
	UserForm5.ToggleButton4.Value = 1 ^ (UserForm5.ToggleButton4.Value ? 1 : 0)
	UserForm5.ToggleButton8.Value = 1 ^ (UserForm5.ToggleButton8.Value ? 1 : 0)
	UserForm5.ToggleButton6.Value = 1 ^ (UserForm5.ToggleButton6.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton6_Click()
{
	UserForm5.ToggleButton3.Value = 1 ^ (UserForm5.ToggleButton3.Value ? 1 : 0)
	UserForm5.ToggleButton11.Value = 1 ^ (UserForm5.ToggleButton11.Value ? 1 : 0)
	UserForm5.ToggleButton5.Value = 1 ^ (UserForm5.ToggleButton5.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton7_Click()
{
	UserForm5.ToggleButton4.Value = 1 ^ (UserForm5.ToggleButton4.Value ? 1 : 0)
	UserForm5.ToggleButton8.Value = 1 ^ (UserForm5.ToggleButton8.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton8_Click()
{
	UserForm5.ToggleButton7.Value = 1 ^ (UserForm5.ToggleButton7.Value ? 1 : 0)
	UserForm5.ToggleButton11.Value = 1 ^ (UserForm5.ToggleButton11.Value ? 1 : 0)
	UserForm5.ToggleButton5.Value = 1 ^ (UserForm5.ToggleButton5.Value ? 1 : 0)
	color()
}
function UserForm5_ToggleButton11_Click()
{
	UserForm5.ToggleButton6.Value = 1 ^ (UserForm5.ToggleButton6.Value ? 1 : 0)
	UserForm5.ToggleButton8.Value = 1 ^ (UserForm5.ToggleButton8.Value ? 1 : 0)
	color()
}

 到此完成

另：目前网上关于JS宏的教程少且乱，毕竟是在VBA宏之后出现的，所以搜索问题时经常会出现vba宏的教程和讲解，这对于个人学习JS宏真的太难了，如果有同样需求同样问题的bro，可以评论区集合讨论一波~

程不住气
关注
专栏目录
c++switch实现猜拳_WPS表格制作猜拳小游戏
weixin_34675606的博客
12-12 567
石头剪刀布猜拳游戏，我想大家都玩过，就是石头剪刀布。这种游戏简单、有趣、不需要额外工具，2个人就可以玩。下面我们用WPS工作表来构建一个猜拳小游戏。石头剪刀布小游戏制作思路1.游戏双方为用户和电脑。2.用户可通过下拉菜单来选择石头、剪刀、布。3.电脑随机出石头、剪刀、布。4.用户和电脑之间比较谁赢。函数应用考虑到只有石头、剪刀、布，3个选项，考虑用randbetween来随机产生3个数，比如：1-...
JS宏综合示例-多维度筛选统计(带窗体)
热门推荐
小小明-代码实体的专栏
10-01 2万+
客户每天都有一份类似如下结构的数据：但是实际数据远不止这些列，列的顺序也完全随机。要求：虽然列位置不固定，但是客户能够保证列名是固定。那么我们可以实现自动查找对应列所在的位置。打开宏编辑器，测试如下代码： 运行代码，立即窗口中显示结果： 可以看到已经顺利实现了自动查找对应列位置。然后我们先考虑使用输入框简单实现： 运行后，随意测试一组车牌：点击确定后，立即窗口打印结果如下： 测试完成，后续可以通过该数组进行车牌过滤。后续客户希望输入框能够提示数据表中存在的车牌列表进行提示，于是我们可以设计窗体来实现。在宏编
wps宏编程js宏编辑器之代码调试讲解
chuangxin的专栏
03-30 3610
继前几篇wps js宏编程基础知识，wps开放平台就js宏编辑器的介绍说明，es6基本语法讲解后，相信大家对wps js宏编程有了一定认识，已经会用js在wps表格中实现一些简单的功能，编写js宏代码过程中，我们或多或少碰到代码运行时报错，输出结果不符期望等现象，此时我们就需要调试、跟踪代码执行过程，查看变量等。接下来，我们一起看下在js宏编辑器中如何进行代码调试。
WPS表格JS宏实现用按钮抽签多人中签
milkyway08的博客
07-20 703
问：怎样用WPS表格实现抽签多人中签功能？ 程序猿答疑： 以前在Office Excel中用VBA编写宏，今天发现WPS表格支持JS宏，对程序猿答疑个人而言，JavaScript写起来比VBA流畅多了，今天给大家答疑的是如何用WPS表格实现按钮点击抽签功能，并且支持抽中多人。
WPS的JS宏基础（一）
一位VBA和JSA、书法爱好者
11-09 6419
【代码】JS宏基础。
wps-excel办公+JS宏编程教程基础到进阶+函数使用手册
07-05
《WPS Excel与JS宏编程教程基础到进阶》是一门专为经常使用Excel办公的人员设计的课程，尤其适合初学者和进阶者。这门课程深入浅出地介绍了如何利用JavaScript进行WPS Excel的宏编程，以提高工作效率。JS宏在WPS中的...
wps-js宏 一键修改文章格式
最新发布
05-21
利用wps js宏开发的文档格式修改软件。 具体说明：https://blog.csdn.net/fjwangxi/article/details/139100269 主要功能： ## 1.替换多余内容： 替换文中多余的空格、杂字符、回车。 ## 2.设置文档页面： 页边距（上...
WPS的JS宏基础文件
11-09
WPS的JS宏基础文件
基于wps在线编辑wps-view-java-master
12-21
"基于wps在线编辑wps-view-java-master"这个标题表明这是一个与WPS（金山办公软件）相关的项目，特别强调了其在线编辑功能。"wps-view-java-master"部分暗示这是一个使用Java语言开发的主分支项目，可能是一个服务器...
wps-view-java wps在线编辑 v1.0.zip
03-27
Vue.js是一个轻量级且灵活的JavaScript库，用于构建用户界面。它以组件化的方式组织代码，提供响应式数据绑定，使得开发者能够更高效地创建复杂的Web应用程序。 在WPS在线编辑器的实现中，Vue.js可能会被用来构建...
死神vs火影制作人物教程.wps
12-19
#死神vs火影游戏制作教程#
WPS JS宏学习笔记各类方法使用
WZSDXS的专栏
07-22 3304
WPS宏学习
wps js窗体的创建
u014175525的博客
03-28 1767
首先从创建1个窗体开始入手，因为我并不清楚编写一个程序，或者做成功能强大的流行病学调查信息管理系统，到底需要从何处入手。以上就是今天要记录的内容，本文仅仅简单介绍了WPS JS窗体的创建应用示例。
wps宏编辑器Api接口js事件讲解
chuangxin的专栏
04-05 4438
在WPS官方的开放平台宏编辑器API中有关于事件的详细描述，包括：表格事件、文字事件、演示事件、控件事件，本文只阐述表格事件相关的知识点，比如：都有哪些表格事件，如何通过JS编程来捕获事件、处理事件，以实现我们对表格的特殊处理。
wps js宏学习之旅
Youngo的博客
05-13 593
wps js宏学习之旅。
WPS-js宏 写一个批量重命名的工具宏
weixin_42329250的博客
02-23 2095
通过wps自带的JS宏，写了一个可以批量重命名的工具。通过窗口访问，可实现快速的多规则重命名。
wps js宏编辑器案例2-单元格读写-随机选人
chuangxin的专栏
05-12 2015
本案例讲述某企业的一个真实案例，该企业每周二早上有安全宣贯会议，差不多10来分钟左右，每次安全会上人事部门都会点名，那么问题来了，点名的名单哪儿来？为此，编写了一个简单js宏应用，产生随机名单，名单数量可设置，主要涉及js宏单元格的读写，msgbox框，随机数使用
C/C++代码实现各种控制台游戏，大神请收下我的膝盖！
03-11 8445
一、如何学习C++ 用一句话形容这类问题——高默新泪。高手因为不想反复回答这类问题而沉默……新手因为苦苦找不到入门的路而流泪。 本文想要给苦恼的新手们指明一个前进的方向。 下面是小编整理好的一套系统的C++学习资料，加小编C/C++学习群（825414254）获取一整套系统性学习C/C++的资料哦！ 二、控制台游戏简介 所谓控制台，在Windows下就是开始——运行——cmd。也叫“命令行窗口...
WPS-JS宏开发-基础知识-01-初识
Z的博客
06-11 1万+
WPS的JS宏开发
wps-js宏返回行号
01-01
wps-js宏是一种用于WPS办公软件的自动化处理工具，可以通过编写JavaScript脚本来实现对文档的自动化操作。 要返回行号，我们可以通过以下步骤实现： 1. 获取当前活动文档中的所有行数据。 使用WPS JS中的`getActiveWorksheet`函数获取当前活动文档，并使用`getRows`方法获取所有行数据。 2. 获取当前行号。 遍历所有行数据，找到与指定数据匹配的行，并记录当前的行号。 3. 返回行号。 将获取的行号返回给调用者，可以使用`alert`函数弹出提示框显示行号。 下面是一个示例代码： ```javascript function findRowNumber(targetData) { var activeWorksheet = wps.api.core.getActiveWorksheet(); var rows = activeWorksheet.getRows(); var rowNumber = -1; for (var i = 0; i < rows.length; i++) { var rowData = rows[i]; if (rowData.indexOf(targetData) !== -1) { // 判断当前行是否包含目标数据 rowNumber = i + 1; // 行号从1开始计数 break; } } return rowNumber; } var targetData = "目标数据"; var rowNumber = findRowNumber(targetData); alert("目标数据所在行号为：" + rowNumber); ``` 以上代码中，我们定义了一个名为`findRowNumber`的函数，它接收一个参数`targetData`表示要查找的目标数据。通过调用`getActiveWorksheet`函数获取当前活动文档，然后使用`getRows`方法获取所有行数据。再通过遍历行数据的方式找到与目标数据匹配的行，并记录行号。最后，将获取的行号通过弹出的提示框返回给用户。 当我们调用`findRowNumber`函数并传入目标数据后，它会在当前文档中查找该数据所在的行，并通过提示框显示行号。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值