影刀RPA实战番外:excel函数应用指南

Excel函数是用于执行特定计算、分析和数据处理任务的预定义公式。它们可处理数学计算、文本处理、逻辑判断、日期和时间运算、查找和引用数据等。例如,`SUM`函数可以计算一系列数字的总和,`IF`函数进行逻辑测试,`VLOOKUP`函数在表格中查找数据,而`DATE`、`YEAR`、`MONTH`和`DAY`函数则用于处理日期。通过组合使用这些函数,用户可以自动化复杂的数据处理任务,提高工作效率并减少错误。
 

学习了影刀是不是就不用再学习Excel函数了呢?

这个思想是错误的。

影刀RPA操作excel,只是在自动化方面给了我们便利,并不能完全替代excel的所有操作,学习好函数,可以让我们在使用影刀处理数据时,更加得心应手!

本文着重总结了excel操作中常用的函数,便于自查!


1 影刀RPA操作Excel函数的方法

操作的方法有两种:

一种是写入内容至excel表格,这种方法在数据量较少的情况下,没有什么问题,也看不出性能开销,但是当数据量非常大的情况下,我们需要逐个循环计算写入,性能就下降了,同时使用这种方法,代码语句多,如果处理次数多,整体代码也非常臃肿。

另一种是批量填充,一行代码解决,性能也很高,所以建议使用这种指令操作。

操作演示请查看之前的博文

影刀RPA:Excel内容填充指令_影刀rpa excel 单元格赋值-CSDN博客文章浏览阅读1.6k次,点赞43次,收藏20次。影刀RPA的主要功能包括,桌面软件自动化:能够自动化操作任何桌面软件,包括ERP、CRM、浏览器、微信、钉钉等。Web程序自动化:支持任何网页的自动化,如数据提取、Web表单填写、网页操作等。手机App自动化:能够驱动手机上的任何APP进行输入、点击、手势滑动、提取数据等操作。鼠标键盘自动化:可以控制键盘和鼠标,模拟人工操作,节省重复劳动时间。Excel自动化:支持Excel的宏、单元格、Sheet等操作,自动生成所需的Excel报表。数据库和SQL自动化。影刀RPA还支持Python语言的接入。_影刀rpa excel 单元格赋值https://blog.csdn.net/ddf128/article/details/142710907?spm=1001.2014.3001.5501

2.逻辑函数

2.1 介绍

Excel中的逻辑函数进行逻辑比较和计算,返回TRUE或FALSE值。主要用于处理数据时的决策制定和条件判断。帮助用户根据特定的条件来控制数据的显示、计算或操作。

  • 通过逻辑函数,可以筛选出满足特定条件的数据,例如,只显示销售额超过一定数额的记录
  • 逻辑函数如IFERROR可以用来处理公式中可能出现的错误,提供备选的输出,避免错误值影响整个工作表的显示。
  • 使用逻辑函数,可以根据数据的不同范围或条件将数据分类,例如,根据学生的分数将其分类为“优秀”、“良好”、“及格”或“不及格”。
  • 在数据输入时,逻辑函数可以用来验证数据是否符合预设的条件,确保数据的准确性
  • 在复杂的数据处理流程中,逻辑函数可以用来控制数据的流向,决定哪些步骤需要执行

2.2 函数导图

2.3 使用指南

IF函数

用途:根据给定条件执行真假值的判断。

语法:IF(logical_test, [value_if_true], [value_if_false])

示例:=IF(A1>10, "大于10", "小于等于10"),如果A1单元格的值大于10,则返回“大于10”,否则返回“小于等于10”。

AND函数

用途:当所有条件都满足时返回TRUE。多个参数是并且的关系,都成立才返回真

语法:AND(logical1, [logical2], ...)

示例:=AND(A1>10, B1<20),如果A1单元格的值大于10且B1单元格的值小于20,则返回TRUE,否则返回FALSE。

OR函数

用途:当至少一个条件满足时返回TRUE。多个参数是或的关系,成立一个就返回真

语法:OR(logical1, [logical2], ...)

示例:=OR(A1>10, B1<20),如果A1单元格的值大于10或B1单元格的值小于20,则返回TRUE,否则返回FALSE。

NOT函数

用途:对逻辑值进行反转,将TRUE转换为FALSE,将FALSE转换为TRUE。

语法:NOT(logical)

示例:=NOT(A1>10),如果A1单元格的值不大于10,则返回TRUE,否则返回FALSE。

IFERROR函数

用途:在公式返回错误时执行备用操作。

语法:IFERROR(value, value_if_error)

示例:=IFERROR(1/A1, "-"),如果A1单元格的值为0导致除法错误,则返回“-”,否则执行除法运算。

SWITCH函数

用途:基于不同的值返回不同的结果。

语法:SWITCH(expression, value1, result1, [value2, result2], ...)

示例:=SWITCH(A1, 1, "一", 2, "二", 3, "三"),如果A1单元格的值为1,则返回“一”,为2则返回“二”,为3则返回“三”。

CHOOSE函数

用途:根据索引号从列表中选择一个值。

语法:CHOOSE(index_num, value1, [value2], ...)

示例:=CHOOSE(A1, "一", "二", "三"),如果A1单元格的值为1,则返回“一”,为2则返回“二”,为3则返回“三”。

IFNA函数

用途:当公式返回#N/A错误时执行备用操作。

语法:IFNA(value, value_if_na)

示例:=IFNA(VLOOKUP(A1, B1:C10, 2, FALSE), "未找到"),如果VLOOKUP函数返回#N/A错误,则返回“未找到”,否则返回查找结果。

IFS函数

用途:检查多个条件,对于第一个TRUE条件返回对应的值。

语法:IFS(condition1, value1, [condition2, value2], ...)

示例:=IFS(A1>90, "优秀", A1>80, "良好", A1>70, "中等", A1>60, "及格", A1<=60, "不及格"),根据A1单元格的值返回相应的评级。

3. 统计函数

3.1 介绍

Excel中的统计函数用于分析数据集,计算汇总数据。

3.2 函数导图

3.3 使用指南

SUM函数

用途:计算一系列单元格的总和。

语法:SUM(number1, [number2], ...)

示例:=SUM(A1:A10),计算A1到A10单元格的总和。

AVERAGE函数

用途:计算一系列单元格的平均值。

语法:AVERAGE(number1, [number2], ...)

示例:=AVERAGE(A1:A10),计算A1到A10单元格的平均值。

MAX函数

用途:找出一系列单元格中的最大值。

语法:MAX(number1, [number2], ...)

示例:=MAX(A1:A10),找出A1到A10单元格中的最大值。

MIN函数

用途:找出一系列单元格中的最小值。

语法:MIN(number1, [number2], ...)

示例:=MIN(A1:A10),找出A1到A10单元格中的最小值。

COUNT函数

用途:计算一系列单元格中包含数字的单元格的数量。

语法:COUNT(value1, [value2], ...)

示例:=COUNT(A1:A10),计算A1到A10单元格中包含数字的单元格数量。

COUNTA函数

用途:计算一系列单元格中非空单元格的数量。

语法:COUNTA(value1, [value2], ...)

示例:=COUNTA(A1:A10),计算A1到A10单元格中非空单元格的数量。

RANK函数

用途:确定一个数值在数据集中的排名。

语法:RANK(number, ref, [order]),其中order为0或省略时表示降序排名,为1时表示升序排名。

示例:=RANK(A2, $A$1:$A$10, 0),计算A2单元格的值在A1到A10单元格中的降序排名。

COUNTIF函数

用途:计算满足特定条件的单元格的数量。

语法:COUNTIF(range, criteria)

示例:=COUNTIF(A1:A10, ">10"),计算A1到A10单元格中值大于10的单元格数量。

SUMIF函数

用途:根据给定条件计算一系列单元格的总和。

语法:SUMIF(range, criteria, [sum_range])

示例:=SUMIF(A1:A10, ">10", B1:B10),计算A1到A10单元格中值大于10对应的B1到B10单元格的总和。

AVERAGEIF函数

用途:根据给定条件计算一系列单元格的平均值。

语法:AVERAGEIF(range, criteria, [average_range])

示例:=AVERAGEIF(A1:A10, ">10", B1:B10),计算A1到A10单元格中值大于10对应的B1到B10单元格的平均值。

4 查找引用函数

4.1介绍

Excel中的查找引用函数可以帮助用户在数据集中快速定位和提取信息

4.2 函数导图

4.3 使用指南

VLOOKUP

用途:在一列中垂直查找特定值,并返回同一行中另一列的值。

语法:VLOOKUP(lookup_value, table_array, col_index_num, [range_lookup])

示例:=VLOOKUP("A123", A1:B100, 2, FALSE),如果"A123"是A1:A100范围内的值,则返回对应B列的值。

HLOOKUP

用途:在一行中水平查找特定值,并返回同一行中另一行的值。

语法:HLOOKUP(lookup_value, table_array, row_index_num, [range_lookup])

示例:=HLOOKUP("Product A", A1:B4, 2, FALSE),如果"Product A"是A1:A4范围内的值,则返回对应第2行的值。

INDEX

用途:返回表格或区域中的值,通过行号和列号进行定位。

语法:INDEX(array, row_num, [column_num])

示例:=INDEX(A1:C10, 3, 2),返回A1:C10区域中第3行第2列的值

MATCH

用途:返回指定值在数组中的相对位置。

语法:MATCH(lookup_value, lookup_array, [match_type])

示例:=MATCH(5, A1:A10, 0),返回5在A1:A10中的位置,0表示精确匹配。

OFFSET

用途:返回基于给定参照点的偏移量引用。

语法:OFFSET(reference, rows, cols, [height], [width])

示例:=OFFSET(A1, 2, 1, 1, 1),返回A1单元格下方2行,右方1列的单元格引用。

INDIRECT

用途:返回由文本字符串指定的单元格或单元格区域的引用。

语法:INDIRECT(ref_text, [a1])

示例:=INDIRECT("A1"),返回A1单元格的值。

LOOKUP

用途:在一列或一行中查找特定值,并返回相同位置的另一列或另一行的值。

语法:LOOKUP(lookup_value, lookup_vector, [result_vector])

示例:=LOOKUP(2, A1:A10, B1:B10),查找A1:A10中等于2的值,并返回B列中对应的值。

ROW 和 COLUMN

用途:返回给定单元格的行号和列号。

语法:ROW(reference) 和 COLUMN(reference)

示例:=ROW(A1) 返回A1的行号,=COLUMN(A1) 返回A1的列号。

5 文本函数

5.1 介绍

Excel中的文本函数用于处理和操作字符串数据,包括合并文本、拆分文本、转换文本格式等。在数据分析中,文本函数用于数据清洗如去除多余空格和非打印字符,统一数据格式如转换大小写,提取和分割字符串以提取关键信息,查找和替换文本进行数据更正,合并多个列的数据创建完整记录,格式化文本以符合报告要求,计算字符串长度以检查数据完整性,动态生成报表标题,以及在数据透视表和图表分析前准备和格式化数据。这些函数帮助确保数据准确性,提高分析效率,并增强报告的可读性。
 

5.2 函数导图

5.3 使用指南

CONCATENATE

用途:将多个文本字符串合并为一个文本字符串。

语法:CONCATENATE(text1, [text2], ...)

示例:=CONCATENATE("Hello", " ", "World") 返回 "Hello World"。

&运算符

用途:将两个或多个文本字符串连接起来。

语法:text1 & text2

示例:="Kimi" & " Chat" 返回 "Kimi Chat"。

LEFT

用途:从一个文本字符串的第一个字符开始返回指定数量的字符。

语法:LEFT(text, num_chars)

示例:=LEFT("Moonshot", 3) 返回 "Moo"。

RIGHT

用途:从一个文本字符串的最后一个字符开始返回指定数量的字符。

语法:RIGHT(text, num_chars)

示例:=RIGHT("Moonshot", 3) 返回 "hot"。

MID

用途:从文本字符串中指定位置返回指定数量的字符。

语法:MID(text, start_num, num_chars)

示例:=MID("Moonshot", 3, 3) 返回 "ons"。

FIND

用途:查找一个文本字符串在另一个文本字符串中的位置(不区分大小写)。

语法:FIND(find_text, within_text, [start_num])

示例:=FIND("o", "Moonshot") 返回 5。

SEARCH

用途:查找一个文本字符串在另一个文本字符串中的位置(区分大小写)。

语法:SEARCH(find_text, within_text, [start_num])

示例:=SEARCH("o", "Moonshot") 返回 5

 LEN

用途:返回文本字符串中的字符数量。

语法:LEN(text)

示例:=LEN("Moonshot") 返回 8。

LOWER

用途:将文本字符串转换为小写。

语法:LOWER(text)

示例:=LOWER("MOONSHOT") 返回 "moonshot"。

UPPER

用途:将文本字符串转换为大写。

语法:UPPER(text)

示例:=UPPER("Moonshot") 返回 "MOONSHOT"。

PROPER

用途:将文本字符串的每个单词的首字母转换为大写。

语法:PROPER(text)

示例:=PROPER("moonshot") 返回 "Moonshot"。

REPLACE

用途:替换文本字符串中的部分文本。

语法:REPLACE(old_text, start_num, num_chars, new_text)

示例:=REPLACE("Moonshot", 1, 4, "Sun") 返回 "Sunshot"。

SUBSTITUTE

用途:替换文本字符串中的旧文本为新文本。

语法:SUBSTITUTE(text, old_text, new_text, [instance_num])

示例:=SUBSTITUTE("Moonshot AI", "AI", "Chat") 返回 "Moonshot Chat"。

TRIM

用途:删除文本字符串中多余的空格。

语法:TRIM(text)

示例:=TRIM(" Moonshot AI ") 返回 "Moonshot AI"。

CLEAN

用途:删除文本字符串中的所有非打印字符。

语法:CLEAN(text)

示例:=CLEAN("MoonshotAI") 返回 "Moonshot AI"。

TEXT

用途:将数字转换为文本,并设置所需的格式。

语法:TEXT(value, format_text)

示例:=TEXT(42, "0.00") 返回 "42.00"。

6 日期函数

6.1 介绍

Excel中的日期函数用于处理日期和时间数据,可以帮助你进行日期计算、提取日期信息、以及格式化日期显示。

日期函数可以单独使用,也可以组合使用,以满足复杂的日期计算和数据处理需求。通过这些函数,用户可以高效地处理和分析时间序列数据,实现自动化的日期计算和报告生成。

6.2 函数脑图

6.3 使用指南

DATE

用途:从年、月、日的单独值创建一个日期。

语法:DATE(year, month, day)

示例:=DATE(2024, 6, 15) 返回 2024年6月15日。

TODAY

用途:返回当前日期。

语法:TODAY()

示例:=TODAY() 返回当前日期,例如 2024-06-15。

NOW

用途:返回当前日期和时间。

语法:NOW()

示例:=NOW() 返回当前日期和时间,例如 2024-06-15 12:34:56。

YEAR, MONTH, DAY

用途:分别提取日期的年份、月份和天数。

语法:YEAR(serial_number)MONTH(serial_number)DAY(serial_number)

示例:=YEAR(DATE(2024,6,15)) 返回 2024。

DATEVALUE

用途:将文本格式的日期转换为Excel日期序列号。

语法:DATEVALUE(date_text)

示例:=DATEVALUE("2024-06-15") 返回 2024年6月15日的序列号。

TIMEVALUE

用途:将文本格式的时间转换为Excel时间序列号。

语法:TIMEVALUE(time_text)

示例:=TIMEVALUE("14:30") 返回下午2:30的时间序列号。

DATEDIFF

用途:计算两个日期之间的差异。

语法:DATEDIFF(start_date, end_date, unit)

示例:=DATEDIFF(DATE(2024,1,1), DATE(2024,6,15), "m") 返回两个日期之间相差的月数。

DATEDIF

用途:计算两个日期之间的差异,可以是年、月或天。

语法:DATEDIF(start_date, end_date, unit)

示例:=DATEDIF(DATE(2024,1,1), DATE(2024,6,15), "D") 返回两个日期之间相差的天数。

EDATE

用途:从一个日期开始,加上或减去指定的月份数,返回新的日期。

语法:EDATE(date, months)

示例:=EDATE(DATE(2024,1,1), 5) 返回 2024年6月1日。

EOMONTH

用途:返回给定日期所在月份的最后一天。

语法:EOMONTH(date, months)

示例:=EOMONTH(DATE(2024,6,15), 0) 返回 2024年6月30日。

WORKDAY

用途:计算工作日(排除周末和节假日)日期。

语法:WORKDAY(start_date, days, [holidays])

示例:=WORKDAY(DATE(2024,6,1), 10) 返回从2024年6月1日开始的10个工作日后的日期。

NETWORKDAYS

用途:计算两个日期之间的工作日天数(排除周末和节假日)。

语法:NETWORKDAYS(start_date, end_date, [holidays])

示例:=NETWORKDAYS(DATE(2024,6,1), DATE(2024,6,30)) 返回6月份的工作日天数。

 7 最后

感谢大家,请大家多多支持!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/899446.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

HTML之表单设计

1、HTML表单 HTML表单是用于收集用户输入的信息&#xff0c;并将用户输入的内容信息传到后台服务器中。 表单是通过form标签实现。 特别注意&#xff1a;如果一些内容提交后&#xff0c;没有将内容提交给后台服务器&#xff0c;那么需要添加一个name属性&#xff0c;语法&am…

鼠标移入盒子,盒子跟随鼠标移动

demo效果&#xff1a; 鼠标移入盒子&#xff0c;按下鼠标,开启移动跟随移动模式,再次按下关闭移动模式 涉及主要属性 在元素上单击鼠标按钮时输出鼠标指针的坐标&#xff1a; var x event.pageX; // 获取水平坐标 var y event.pageY; // 获取垂直坐标元素offsetL…

JDK-23与JavaFX配置在IDEA中

一、安装 1.IDEA安装&#xff0c;可以查看CSDN 2.JDK,JavaFX安装&#xff0c;可以查看CSDN 二、配置JDK 打开IDEA&#xff0c;选择个项目&#xff0c;点击图中的设置按钮&#xff1a; 点击项目设置&#xff1a; 点击“”添加JDK&#xff0c;寻找相应的JDK目录就行 三、配置…

Python快速入门教程

目录 1. Python 简介 2. 环境准备 3. 第一个 Python 程序 4. 变量与数据类型 5. 基本操作与控制结构 6. 函数与模块 7. 实践项目 结语 Python 是一种非常友好的编程语言&#xff0c;特别适合初学者。它的语法简洁&#xff0c;容易上手&#xff0c;并且广泛应用于各种领…

机器视觉运动控制一体机在DELTA并联机械手视觉上下料应用

市场应用背景 DELTA并联机械手是由三个相同的支链所组成&#xff0c;每个支链包含一个转动关节和一个移动关节&#xff0c;具有结构紧凑、占地面积小、高速高灵活性等特点&#xff0c;可在有限的空间内进行高效的作业&#xff0c;广泛应用于柔性上下料、包装、分拣、装配等需要…

从docker中导出已经存在的容器

从docker中导出已经存在的容器,作用:创建一个容器可以给多台电脑的docker使用&#xff0c;不用重复安装环境。 操作步骤&#xff1a; (1)先运行要导出的容器&#xff0c;并在cmd终端使用docker ps 查看运行的详细信息&#xff0c;留意一下 COMMAND对应的值后面运行容器需要使用…

创建匿名管道

匿名管道&#xff1a; pipe()函数可用于创建一个管道&#xff0c;以实现进程间的通信。 头文件是#include<unistd.h>&#xff0c;参数是int类型的数组 fd[0]表示读端 fd[1]表示写端 如下代码使用pipe函数创建管道&#xff0c;并打印出来&#xff0c;最后关闭终端。 #…

力扣 简单 70.爬楼梯

文章目录 题目介绍题解 题目介绍 题解 思路分析&#xff1a; 确定dp数组以及下标的含义&#xff1a;dp[i]&#xff1a; 爬到第i层楼梯&#xff0c;有dp[i]种方法确定递推公式&#xff1a;从dp[i]的定义可以看出&#xff0c;dp[i] 可以有两个方向推出来。首先是dp[i - 1]&…

Springboot基于微信小程序的同城优惠软件的开发-计算机毕设 附源码24287

Springboot基于微信小程序的同城优惠软件的开发 摘要 随着互联网技术的发展&#xff0c;网络购物越来越受到大家的欢迎。电子商务这一概念大家都不在陌生。通过互联网进行的商品贸易范围越来越广泛&#xff0c;从经典的电子商品、到化妆品、书籍等&#xff0c;发展到小吃商品&a…

PCL学习——点云基础

点云基础 一、什么是三维点云二、获取三维点云的几种方式三、主要挑战四、什么是PCL 一、什么是三维点云 三维点云&#xff08;3D Point Cloud&#xff09;是一种用于表示三维空间中对象或场景的数据结构。在最基础的形式中&#xff0c;它是一个包含多个三维坐标点&#xff08…

SpringBoot民宿预定信息管理系统-计算机毕业设计源码89828

目 录 摘要 1 绪论 1.1 选题背景与意义 1.2研究背景 1.3论文结构与章节安排 2 民宿预定信息管理系统系统分析 2.1 可行性分析 2.1.1 技术可行性分析 2.1.2 经济可行性分析 2.1.3 法律可行性分析 2.2 系统功能分析 2.2.1 功能性分析 2.2.2 非功能性分…

Pytest日志收集器配置

前言 在pytest框架中&#xff0c;日志记录&#xff08;logging&#xff09;是一个强大的功能&#xff0c;它允许我们在测试期间记录信息、警告、错误等&#xff0c;从而帮助调试和监控测试进度。 pytest与Python标准库中的logging模块完美集成&#xff0c;因此你可以很容易地在…

Spring源码解析(35)之Spring全体系源码流程图

一、前言 画了一个spring全体系的流程图&#xff0c;spring容器创建过程&#xff0c;spring生命周期过程&#xff0c;AOP过程&#xff0c;Spring事务执行过程。 二、Spring体系源码图

【1024程序员节】之C++系列完结篇:Web编程

文章目录 一、Web编程1. 使用C标准库和第三方库2. 使用CWeb框架3. 使用C与JavaScript的集成4. 数据库交互5. 部署和运维 二、CppCMS框架构建Web应用1. 安装 CppCMS&#xff1a;2. 创建项目目录和文件3. 编写源代码4. 编译和运行5. 访问 Web 应用 三、HTTP介绍1. 请求头部字段&a…

Vue项目的创建

安装Vue工具 Vue CLI Vue CLI Vue.js 开发的标准工具&#xff0c;Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 npm install -g vue/cli安装之后&#xff0c;你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue&#xff0c;看看是否展示出了一份所有可用命令的…

qt QApplication详解

一、概述 QApplication是Qt应用程序的基础类&#xff0c;负责设置和管理应用的环境。它的主要功能包括&#xff1a;初始化应用程序、管理事件循环、处理命令行参数、提供全局设置&#xff08;如样式和调色板&#xff09;以及创建和管理主窗口。通常在main函数中创建QApplicati…

Netty简单应用

1.服务端构建 接收客户端请求&#xff0c;打印请求消息&#xff1b;消息采用内置String作为编码与解码器&#xff1b;开启信息输入监听线程&#xff0c;发送消息至客户端&#xff1b; 1.1 服务端消息处理类 import io.netty.channel.Channel; import io.netty.channel.Chann…

React实现购物车功能

今日学习React的useReducer&#xff0c;实现了一个购物车功能 文章目录 目录 效果展示 逻辑代码 CSS代码 效果展示 逻辑代码 import {useReducer} from "react"; import ./index.css; import { message} from antd;export function ShoppingCount(){// 初始化购…

去哪儿旅行携手 HarmonyOS SDK | 告别繁琐,常用信息秒级填充

背景 去哪儿旅行作为行业内领先的一站式在线旅游平台&#xff0c;多年来在日益加剧的市场竞争中积极寻求创新&#xff0c;凭借其优质的服务深受消费者青睐。2024年&#xff0c;去哪儿旅行适配HarmonyOS NEXT版本&#xff0c; 升级用户服务体验。 当前&#xff0c;去哪儿旅行应…

HTML+JavaScript 贪吃蛇游戏实现与详解

在网页开发的领域中&#xff0c;利用 HTML 和 JavaScript 能够创造出各种引人入胜的互动游戏。其中&#xff0c;贪吃蛇作为一款经典之作&#xff0c;以其简单易玩的特性和紧张刺激的挑战&#xff0c;一直深受玩家的喜爱。本文将详细阐述如何运用 HTML 和 JavaScript 来打造一个…