Javascript 为泡泡汽水添加点数-JS
尝试在气泡大小弹出后为其添加点 这里是链接> 气泡的直径范围为10px至100px。 10px-30px范围内的气泡将为5点(因为它们很难爆裂) 31像素到70像素范围内的气泡将为3点。 大男孩泡泡,71像素到100像素的范围只有1点 到目前为止,我还不知道如何解决这个问题,而且我一直在尝试失败 以下是我迄今为止的js:Javascript 为泡泡汽水添加点数-JS,javascript,points,Javascript,Points,尝试在气泡大小弹出后为其添加点 这里是链接> 气泡的直径范围为10px至100px。 10px-30px范围内的气泡将为5点(因为它们很难爆裂) 31像素到70像素范围内的气泡将为3点。 大男孩泡泡,71像素到100像素的范围只有1点 到目前为止,我还不知道如何解决这个问题,而且我一直在尝试失败 以下是我迄今为止的js: let bubbleCount = 0; let startGame = function () { let mainBody = document.getElementByI
let bubbleCount = 0;
let startGame = function () {
let mainBody = document.getElementById("bubbles");
let test = "hello";
let speedVal = {
10: "20s",
20: "17s",
30: "15s",
40: "13s",
50: "10s",
60: "9s",
70: "8s",
80: "7s",
90: "6s",
100: "5s" };
function updateScore(el, size) {
let score = document.getElementById("score");
let points = 100 / size;
let newScore = parseInt(score.innerHTML) + points;
score.innerHTML = newScore.toFixed(0);
mainBody.removeChild(document.getElementById(el));
}
let slider = document.getElementById("slider");
slider.addEventListener("change", function (e) {
let speed = e.target.value;
console.log(window.innerHeight);
let root = document.documentElement;
root.style.setProperty("--speed", speedVal[speed]);
});
return function () {
setInterval(function () {
let bubble = document.createElement("div");
bubble.setAttribute("class", "bubble");
let bubbleId = "bubble_" + ++bubbleCount;
let size = Math.floor(Math.random() * (100 - 10 + 1) + 10);
let left = Math.floor(Math.random() * (window.innerWidth - size));
// const color = getRandomColor();
bubble.setAttribute("id", bubbleId);
bubble.setAttribute("size", size);
bubble.style.height = size + "px";
bubble.style.width = size + "px";
bubble.style.left = left + "px";
bubble.addEventListener(
"click",
function () {
updateScore(bubbleId, size);
},
{ once: true });
mainBody.appendChild(bubble);
}, 1000);
};
}();
startGame();
代码的哪一部分检测到气泡弹出?bubble.addEventListener(“单击”,函数(){updateScore(bubbleId,size);},{once:true});为什么这不起作用呢?所以它确实会更新分数,但不管泡沫的大小,它只会更新1分。试着让31像素到70像素范围内的气泡达到3点。大男孩泡泡,71像素到100像素的范围只有1点。