在练习测试中,我被要求找到一种方法让按钮显示段落中的文本。每次按下它时,文本都必须改变。
第一次按下按钮时应显示“您按下了按钮” 第二个“你又按了一次 第三次到第五次“您按下按钮(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/