Как сделать кнопку показать еще одну кнопку onclick?

Question

Я пытаюсь закодировать текстовое приключение, и поскольку я в основном кодировал в PHP вместо Javascript, я думаю, что забыл все о Javascript: P

В любом случае, я ищу, как показать новый после нажатия другой кнопки. У меня есть текст в «innerHTML», поэтому я не знаю, как показать другую кнопку, используя это. Это код, который я до сих пор (и новая кнопка должна привести к «Ъ» при клике)

<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 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; 

Это поместит кнопку внутри div.

Answer 2

В конце вашей страницы добавьте следующий код в теге сценария

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

Вы должны смотреть JQuery