如何解决我怎样才能改进这个斯诺克计分应用程序?
我正在构建一个简单的斯诺克计分应用程序。我怎样才能以更流畅的方式编写这段代码?
另外 - 我将如何限制点击球的次数和最高得分(147 - 15 个红色和 15 个黑色以及此后的所有颜色)?
例如桌子上有 15 种红色,其他 6 种颜色。一旦“盆栽”了红色,就可以选择播放任何其他颜色(红色后黄色,红色后蓝色,红色后黑色等)。一旦这 15 个红色被清除,只应保留颜色,然后在最后一个球(黑色)“入盆”后不允许点击任何球。
这是一个 jsfiddle https://jsfiddle.net/eg8Lm267/
const redBall = document.querySelector('.red');
const yellowBall = document.querySelector('.yellow');
const greenBall = document.querySelector('.green');
const brownBall = document.querySelector('.brown');
const blueBall = document.querySelector('.blue');
const pinkBall = document.querySelector('.pink');
const blackBall = document.querySelector('.black');
const score = document.querySelector('.score');
let scoreVal = 0;
score.innerHTML = scoreVal;
redBall.addEventListener('click',() => {
scoreVal++;
score.innerHTML = scoreVal;
});
yellowBall.addEventListener('click',() => {
scoreVal += 2;
score.innerHTML = scoreVal;
});
greenBall.addEventListener('click',() => {
scoreVal += 3;
score.innerHTML = scoreVal;
});
brownBall.addEventListener('click',() => {
scoreVal += 4;
score.innerHTML = scoreVal;
});
blueBall.addEventListener('click',() => {
scoreVal += 5;
score.innerHTML = scoreVal;
});
pinkBall.addEventListener('click',() => {
scoreVal += 6;
score.innerHTML = scoreVal;
});
blackBall.addEventListener('click',() => {
scoreVal += 7;
score.innerHTML = scoreVal;
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。