JavaScript_Pig Game重置游戏

news/2025/2/14 4:25:49/
//重置游戏
btnNew.addEventListener('click', function () {score0El.textContent = 0;score1El.textContent = 0;current0El.textContent = 0;current1El.textContent = 0;player0El.classList.remove('player--winner');player1El.classList.remove('player--winner');player0El.classList.add('player--active');player1El.classList.remove('player--active');
});

我们直接通过点击事情,将这些变为0即可,但是这些参数不仅仅是当我们点击这个重置按钮的时候会用到,再刚开始加载也会用到,所以我们把它存到函数中

let scores, currentScore, activePlayer, playing;
//开始游戏
const init = function () {scores = [0, 0];currentScore = 0;activePlayer = 0;playing = true;score0El.textContent = 0;score1El.textContent = 0;current0El.textContent = 0;current1El.textContent = 0;diceEl.classList.add('hidden');player0El.classList.remove('play--winner');player1El.classList.remove('play--winner');player0El.classList.add('player--active');player1El.classList.remove('player--active');
};init();

在这里插入图片描述

在这里插入图片描述

上面代码的几个注意事项:

  1. let scores, currentScore, activePlayer, playing;必须在函数外部声明变量,否则无法在其他地方使用这些变量;
  2. scores、currentScore、activePlayer 和 playing 这四个变量在 init 函数外部声明为全局变量。在 init 函数内部,我们对这些全局变量进行了赋值。然后,在 其他函数中,我们可以直接访问和使用这些全局变量的值。
  3. init函数必须要声明才能使得函数代码块里面的代码生效!

http://www.ppmy.cn/news/1185950.html

相关文章

品牌加盟商做信息展示预约小程序的效果如何

很多行业都有中部或头部品牌,对实体品牌企业来说想要快速高效发展,除了多地直营店外还需要招募加盟商进而提升生意营收。 因此线上渠道变得尤为重要,除了网站外,小程序是连接多平台生态很好的工具,随时打开、直接触达…

昂首资本严肃且专业地探讨波浪理论第一波

很多投资者已经了解了波浪理论第一波,今天昂首资本和各位投资者再加深一下理解,让我们严肃且专业地探讨一下第一波。 以小时价格图表举例,第一波的起始点存在一个看涨反转棒。请注意,这个棒形结构对应了比尔威廉姆斯交易策略三智…

好文章推荐

文章目录 [常见限流算法:计数器、滑动窗口、漏桶、令牌桶] [常见限流算法:计数器、滑动窗口、漏桶、令牌桶]’ [常见限流算法:计数器、滑动窗口、漏桶、令牌桶]’

需要下微信视频号视频的小伙伴们看过来~

随着视频号的热度越来越大,下载视频号视频的需求也开始增加啦,今天给大家给分享几个简单实用的下载方法,总有一个你能用上的! 一、犀牛视频下载 犀牛视频下载器可以直接解析并下载视频号短视频。您只需转发视频到机器人即可下载。…

css画一条虚线,用到background-image:linear-gradient线性渐变的属性

CSS实现虚线的方法_css 虚线_saltlike的博客-CSDN博客 渐变属性(background-image)全解析_background-image linear_大聪明码农徐的博客-CSDN博客 Background:linear-gradient()详解_background: linear-gradient_小白白中之白的博客-CSDN博客 注意: 必须要写高…

c#使用委托执行带有超时检查的方法.

namespace TimeOutHelper {internal class Program{// 定义一个泛型委托&#xff0c;用于定义带有超时检查的方法的签名public delegate TR TimeOutDelegate<in T, out TR>(T param);private static void Main(){Dictionary<Guid, string> result;// 调用TimeoutFu…

leetcode 238. 除自身以外数组的乘积

leetcode 238. 除自身以外数组的乘积 题目说明&#xff0c;不能使用除法&#xff0c;没有思路。 答案一&#xff1a;超时&#xff0c;因为left、right和result一开始没有设置数组大小&#xff0c;存取浪费时间。 class Solution { public:vector<int> productExceptSel…

基于深度学习的中文情感分类 - 卷积神经网络 情感分类 情感分析 情感识别 评论情感分类 计算机竞赛

文章目录 1 前言2 情感文本分类2.1 参考论文2.2 输入层2.3 第一层卷积层&#xff1a;2.4 池化层&#xff1a;2.5 全连接softmax层&#xff1a;2.6 训练方案 3 实现3.1 sentence部分3.2 filters部分3.3 featuremaps部分3.4 1max部分3.5 concat1max部分3.6 关键代码 4 实现效果4.…