Проверьте, нажата ли кнопка с помощью оператора if в JSCSS

Разбираемся в CSS
Ответить
Anonymous
 Проверьте, нажата ли кнопка с помощью оператора if в JS

Сообщение Anonymous »

Я пытаюсь создать простую игру-кликер, пытаюсь реализовать систему обновлений, но хочу, чтобы обновление прекращало генерироваться, когда я нажимаю кнопку сброса. Есть идеи, как это сделать?


const btnElement = document.getElementById("btn");
const btnElement1 = document.getElementById("btn1");
const btnElement2 = document.getElementById("btn2");
const spnElement = document.getElementById("span");
let score = 1;

btnElement2.addEventListener("click", () => {
if (score < 10) {
console.log("poor");
} else if (score >= 10) {
var interval = setInterval(increment, 1000);

function increment() {
score = score % 360 + 1;
spnElement.innerText = score;
}
}
})

btnElement.addEventListener("click", () => {
spnElement.innerText = score++;
})

btnElement1.addEventListener("click", () => {
spnElement.innerText = 0;
score = 1;
})

document.body.addEventListener("keyup", function(event) {
if (event.code === "Space") {
spnElement.innerText = score++;
}
})

document.body.addEventListener("keydown", function(event) {
if (event.code === "Space") {
spnElement.innerText = score;
}
})

document.body.addEventListener("keydown", function(event) {
if (event.code === "Enter") {
spnElement.innerText = 0;
score = 1;
}
})
body {
background-color: lightblue;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}

#header {
background-color: lightcyan;
position: absolute;
right: 0;
top: 0px;
margin: 0px;
border-width: 2px;
border-bottom-width: 2px;
border-bottom-color: whitesmoke;
border-bottom-style: solid;
width: 100.09%;
}

#btns {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

.btns {
background-color: lavender;
color: #333;
border-width: 1px;
border-color: palegreen;
border-radius: 5px;
}

.btns:hover {
background-color: mediumpurple;
}

#text {
text-align: center;
}


Clicker
0

+
Reset
Skibidi 1 (10 clicks)





Это была моя попытка использовать все, что я смог найти в Интернете
Я добавил этот оператор if, чтобы посмотреть, будет ли он работать, мне просто интересно, главным образом, есть ли способ проверить, была ли нажата кнопка или нет в операторе if
if (btnElement1.addEventListener("click", (any))){
return;
}


Подробнее здесь: https://stackoverflow.com/questions/784 ... ment-in-js
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»