【JavaScript——函数编写】猜硬币（蓝桥杯真题

背景介绍

为了打发无聊的时间，小蓝开发了一款人机对战的猜硬币游戏，页面中一共有 9 个杯子，系统会随机挑选 3 个杯子在里面放入硬币，玩家通过输入含有杯子序号的字符串进行猜选，但是遇到了一些问题。 本题需要你帮助小蓝完成猜硬币游戏。

准备步骤

开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：

├── css
├── effect.gif
├── images
├── index.html
└── js
    ├── findCoin.js
    └── index.js

其中：

• css 是样式文件夹。
• images 是图片文件夹。
• index.html 是主页面。
• js/index.js 是硬币渲染和动画逻辑。
• js/findCoin.js 是需要补充代码的 js 文件。
• effect.gif 是最终实现的效果图。

注意：打开环境后发现缺少项目代码，请手动键入下述命令进行下载：

cd /home/project
wget .zip && unzip 04.zip && rm 04.zip

在浏览器中预览 index.html 页面效果如下：

目标效果

请在 js/findCoin.js 文件中补全 findNum 和 randomCoin 函数代码，最终实现猜硬币游戏。 具体需求如下：

1. 页面加载后，系统会在 9 个杯子中随机挑选 3 个杯子生成硬币。
2. 用户在文本框中输入任意字符串，点击确定按钮后，系统会找到字符串中含有 1-9 的数字，并根据数字打开对应的杯子。

完成后的效果见文件夹下面的 gif 图，图片名称为 effect.gif（提示：可以通过 VS Code 或者浏览器预览 gif 图片）。

要求规定

• 请严格按照考试步骤操作，切勿修改考试默认提供项目中的文件名称、文件夹路径、class 名、id 名、图片名等，以免造成无法判题通过。

判分标准

• 完成目标 1，得 5 分。
• 完成目标 2，得 10 分。
• 完成目标 3，得 5 分。

通关代码✔️

/**
 * @param {*} input_values input 框中输入的值
 * @returns Array  将输入的值中 1-9 组成一个数组
 */

// 将输入的值中 1-9 组成一个数组
function findNum(input_values) {
  // TODO：待补充代码
  return input_values.replace(/[^0-9]/g,'').split('').map(Number)
}

// 将 1-9 中三个不重复的随机数放入数组中，并返回这个数组
let randomCoin = () => {
  let randomNumArr = [];
  // TODO：待补充代码
  let set = new Set()
  while(set.size < 3){
    let ran = Math.ceil((Math.random()*9))
      set.add(ran)
  }
  randomNumArr = [...set]
  return randomNumArr;
};

// 请勿删除和修改下面代码
try {
  module.exports = { randomCoin, findNum };
} catch (e) {}

代码解析