首頁猿問 4次后自動重置計數器

4次后自動重置計數器

JavaScript

繁星coding 2022-12-22 12:02:10

我建立了一個計數器，但如果值 = 4，我無法自動重置計數器<!DOCTYPE html><html><body><span class="hits"> 0 </span><button onclick="resetHits()" class="tryagain">RESTART</button><script>var hits = 0;var hitElement = document.querySelector('.hits');document.body.onkeyup = function(e) {if(e.keyCode == 32) {addHit()}}var addHit = function() {hits++; renderHits()}var renderHits = function() {hitElement.innerHTML = hits}var resetHits = function() {hits = 0; renderHits()}</script></body></html>

查看完整描述

3 回答

蠱毒傳說

TA貢獻1895條經驗獲得超3個贊

hitElement.innerHTML = hits % 5

var hits = 0;

var hitElement = document.querySelector(".hits");

document.body.onkeyup = function (e) {

if (e.keyCode == 32) {

addHit();

}

};

var addHit = function () {

hits++;

renderHits();

};

var renderHits = function () {

hitElement.innerHTML = hits %= 5;

console.log({hits});

};

var resetHits = function () {

hits = 0;

renderHits();

};

<button onclick="resetHits()" class="tryagain">RESTART</button>

更新：根據@tarkh 的觀點，更新為hitElement.innerHTML = hits %= 5;，因此該變量值也是最新的。

反對回復 2022-12-22

ABOUTYOU

TA貢獻1812條經驗獲得超5個贊

在這里我修改你的代碼

<!DOCTYPE html>

<html>

<body>

<button onclick="resetHits()" class="tryagain">RESTART</button>

var hits = 0;

var hitElement = document.querySelector('.hits');

document.body.onkeyup = function(e) {

if(e.keyCode == 32) {

// ADD counter check here

if(hits === 4 + 1) { // Add +1 if you need do reset after 4 displayed

// Do what you want

resetHits();

}

// Then it depends on your logic,

// if you don't need to cycle counter immediately,

// add rest to else condition like so

else { addHit(); }

}

var addHit = function() {hits++; renderHits()}

var renderHits = function() {hitElement.innerHTML = hits}

var resetHits = function() {hits = 0; renderHits()}

</script>

</body>

</html>

反對回復 2022-12-22

小怪獸愛吃肉

TA貢獻1852條經驗獲得超1個贊

試試這個。4 不會顯示。它將自動重置為 0。

<!DOCTYPE html>

<html>

<body>

<button onclick="resetHits()" class="tryagain">RESTART</button>

var hits = 0;

var hitElement = document.querySelector('.hits');

document.body.onkeyup = function(e) {

if(e.keyCode == 32) {addHit()}}

var addHit = function() {

hits++;

if (hits === 4) {

resetHits();

}

renderHits()

}

var renderHits = function() {hitElement.innerHTML = hits}

var resetHits = function() {hits = 0; renderHits()}

</script>

</body>

</html>

反對回復 2022-12-22

3 回答
0 關注
128 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

4次后自動重置計數器

4次后自動重置計數器

3 回答

添加回答