javascript - 根据点击次数更改按钮的文本

标签 javascript html button text repeat

在练习测试中,我被要求找到一种方法让按钮显示段落中的文本。每次按下它时,文本都必须改变。

第一次按下按钮时应显示“您按下了按钮” 第二个“你又按了一次 第三次到第五次“您按下按钮(3到5次)” 从第六个开始,它应该说“停止!”

编辑编辑编辑

这是完整的原始 HTML,我不确定是否需要它,但也许该 html 可能与你们给我的 javascript 代码有关,不适合我。

HTML

<!DOCTYPE html>
<html>
<head>
<script src="q2.js" type="text/javascript"></script>
</head>
<body>

<button type="button" onclick="go()">ClickMe</button>

<p id="output">
</p>

</body>
</html>

JavaScript

function go() {
    var out = document.getElementById("output");
    var x = "hi there";
    out.innerHTML = x;
}

我应该怎样做才能使这项工作成功?

最佳答案

使用 switch 语句来避免嵌套 if 语句...

var testCount = 0;
var out = document.getElementById("output");

function go(){
  testCount++;
  switch (testCount) {
    case 1:
      out.innerHTML = 'you pressed the button';
      break;

    case 2:
      out.innerHTML = 'you pressed it again';
      break;

    case 3:
    case 4:
    case 5:
      out.innerHTML = 'you pressed the button ' + testCount + ' times';
      break;

    default:
      out.innerHTML = 'stop!!';
      break;
  }
}

关于javascript - 根据点击次数更改按钮的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33091270/

相关文章:

css - 2 个 div,并排占用 100% 的空间

javascript - NWJS (node-webkit) 窗口功能不起作用

javascript - owl carousel 在 ajax 加载的项目上不能正常工作

javascript - 如何使用jquery获取元素后的同级文本?

html - 为什么这个html5页面上有一个垂直滚动条?

button - ExtJS 开/关按钮

javascript - 如何检查网站是否通过 http 或 https(协议(protocol))运行

javascript - 使用 setAttribute 方法() 的 Aurelia 自定义属性

javascript - div 内的按钮,不发送 div onclick - JavaScript

php - 如何将订单插入数据库,然后重定向到 Paypal