javascript - 我需要一种方法来制作多文本输出 onclick 按钮

标签 javascript html css button

对于我正在做的一个元素,我想要一个按钮,当单击该按钮时,每次单击时都会导致不是按钮的文本更改为新文本。例如第一次点击,“示例 1”第二次,“示例 2”另一个,“示例 3”等...

我用有限的编程知识尝试了一些方法,但没有任何效果。

最佳答案

试试这个:

var time = 0, output = document.getElementById("output");
window.addEventListener("click", function(){
  time++;
  if (time == 1) output.textContent = "1";
  else if (time == 2) output.textContent = "2";
  else if (time == 3) output.textContent = "3";
  // repeat that pattern as many times as you want
});
<button id="button1">Click me!</button>
<p id="output"></p>

编辑:

您应该查看switch statement,而不是使用if/else语句。 .

关于javascript - 我需要一种方法来制作多文本输出 onclick 按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57826538/

相关文章:

html - 响应式磁贴布局仅适用于宽度

javascript - 具有 Angular 和 ionic 框架错误的 Highcharts

javascript - 根据URL参数显示动态网页内容(Parse Cloud, Express, ejs)

android - 使用网页链接访问移动 GPS 应用程序并将当前位置传递给应用程序

css - 使用 CSS 在 Angular 落附近不均匀的边框宽度

html - 如何在不使用内联样式的情况下覆盖 Bootstrap CSS?

javascript - 在 Safari 中的 Canvas 页面 iFrame 中使用带有 JS SDK 的 Facebook Graph API 被破坏

javascript - 无法在 Firebase 实时数据库中实现分页

默认不在选项中的html选择元素

javascript - 单击添加到 DOM 的元素无法获得正确的值