Question

我正在尝试编写文本冒险代码，因为我主要用PHP而不是Javascript编写代码，我想我忘记了Javascript的所有内容：P

无论如何，我正在寻找如何在点击另一个按钮后显示一个新按钮。我在“innerHTML”中有文字，所以我不知道如何使用它显示另一个按钮。这是我到目前为止的代码（当你点击它时，新按钮应该导致“b”）

<script>
function one()
{
document.getElementById("a").innerHTML="You feel something on the ground, and you think it's a stick.";
}

function two()
{
document.getElementById("b").innerHTML="You pick up the stick. It might be useful for something.";
}
</script>

<div style="margin-left:15px; width:200px; margin-top:100px;">
<button onclick="one()">Feel around the cave</button>
</div>

<div style="margin-left:255px; width:200px; margin-top:-15px;">
</div>

<div id="entire" style="margin-left:490px; margin-top:-22px; width:400px; height:600px;"><div id="b"></div><div id="a"></div></div>

Answer 1

在页面末尾，在脚本标记

中添加以下代码

var a = document.getElementById('a');
a.addEventListener('click', function () { two()});

你应该看看jQuery

Answer 2

尝试将此添加到one（）函数中：

var newButton = '<button onclick="two()">Pick up stick</button>';
document.getElementById("a").innerHTML="You feel something on the ground, and you think it's a stick."+newButton;

这会将按钮放在“a”div中。

如何使按钮显示另一个按钮onclick？

2 个答案: