javascript - 如何使按钮多次更改段落并在最后一次更改段落和按钮文本?

标签 javascript html game-development

我的研究项目确实需要帮助: 如何添加更多段落以在单击“第三段”和“第四段”等按钮时进行更改,并在最后一次单击(第四段)时我想一起更改段落和按钮文本,将段落更改为另一个文本,然后按钮从(点击)到(提示)?

var time = 0;

function changeText(txt) {
    var txt = (time === 0) ? "First Paragraph" : "Second Paragraph";
    document.getElementById('name').innerHTML = txt;
    time++;
}
<body>
    <p>
        <b id='name'>{description}</b>.
    </p>

    <input type='button' onclick='changeText()' value="click" />
    <br /><br />
</body>

最佳答案

这个片段可能对你有帮助

let time = 0;
const paragraphs = ["First", "Second", "Third", "Fourth"];

function changeText() {
  let text = `${paragraphs[time]} Paragraph`;
  if (text === "Fourth Paragraph") {
    document.getElementById('name').innerHTML = "another text";
    document.getElementById('btn').value = "Hint"
  } else {
    document.getElementById('name').innerHTML = text;
  }
  if (paragraphs[time + 1]) {
    time++;
  }
}
<p><b id='name'>{description}</b>.</p>
<input type='button' onclick='changeText()' value="click" id="btn" />
<br /><br />

关于javascript - 如何使按钮多次更改段落并在最后一次更改段落和按钮文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72525734/

相关文章:

html - Canvas 对象内的谷歌地图

html - Bootstrap 列不会正确对齐,而是一个在另一个下面

python - django模板中的转义问题

OpenGL 纹理数组将纹理完全渲染为黑色

javascript - 正则表达式匹配所有

javascript - 在 Javascript 中使用数组

javascript - 计算结果与订单脚本不符

c# - 如何在Unity3D中使用参数更新Tweener?

java - 将相机移动到其面向的方向

javascript - 如何将事件监听器添加到 svg 中的对象?