按钮文本在2次点击后从Goodbye更改为Hello？
创始人
2024-11-04 06:00:36
0次

HTML代码：

JavaScript代码：

var count = 0;
var myBtn = document.getElementById("myBtn");
myBtn.addEventListener("click", function() {
  count++;
  if(count == 1) { 
    myBtn.innerHTML = "Goodbye";
  } else if(count == 2) { 
    myBtn.innerHTML = "Hello";
  } else if(count > 2) { 
    count = 0;
    myBtn.innerHTML = "Goodbye";
  }
});

该脚本基于计数器变量，可以按照要求更改按钮文本。在第一次单击时，将按钮文本更改为“Goodbye”，第二次单击时更改为“Hello”，第三次单击时重新将计数器归零并将按钮文本更改回“Goodbye”。

上一篇：按钮文本与SVG无法垂直居中。

下一篇：按钮文本在文本更改时缩小。

相关内容

热门资讯

黑科技玄学(德扑之星ai代打怎... 黑科技玄学(德扑之星ai代打怎么弄)太实锤了都是真的有挂(透视)德州论坛(2022已更新)(哔哩哔哩...
黑科技ai(德州aapoker... 黑科技ai(德州aapoker辅助工具)太离谱了固有存在有挂(透视)详细教程(2022已更新)(哔哩...
黑科技实锤(德州之星外盖购买渠... 黑科技实锤(德州之星外盖购买渠道)太实锤了最初是真的有挂(透视)总结教程(2024已更新)(哔哩哔哩...
黑科技教程(wpk到底有没有外... 黑科技教程(wpk到底有没有外挂)太无语了素来是有挂(透视)普及教程(2021已更新)(哔哩哔哩)是...
黑科技教程(Wpk辅助器)太离... 黑科技教程(Wpk辅助器)太离谱了真是真的有挂(透视)介绍教程(2023已更新)(哔哩哔哩)1、很好...
黑科技ai(德州之星有没有外挂... 黑科技ai(德州之星有没有外挂)太夸张了往昔有挂(透视)细节揭秘(2024已更新)(哔哩哔哩)1、用...
黑科技攻略(wpkai辅助实战... 黑科技攻略(wpkai辅助实战效果)太离谱了本来是真的有挂(透视)详细教程(2024已更新)(哔哩哔...
黑科技代打(智星德州菠萝怎么开... 您好，智星德州菠萝怎么开挂这款游戏可以开挂的，确实是有挂的，需要了解加威信【136704302】很多...
黑科技挂(wepokeai插件... 黑科技挂(wepokeai插件)太嚣张了一向是真的有挂(透视)AA德州教程(2025已更新)(哔哩哔...
黑科技实锤(wepoke黑科技... 黑科技实锤(wepoke黑科技设备)太夸张了起初有挂(透视)微扑克教程(2026已更新)(哔哩哔哩)...