Я пытаюсь создать простую игру-кликер, пытаюсь реализовать систему обновлений, но хочу, чтобы обновление прекращало генерироваться, когда я нажимаю кнопку сброса. Есть идеи, как это сделать?
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
Проверьте, нажата ли кнопка с помощью оператора if в JS ⇐ CSS
Разбираемся в CSS
-
Anonymous
1715967446
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;
}
Подробнее здесь: [url]https://stackoverflow.com/questions/78493304/check-if-button-pressed-with-if-statement-in-js[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия