只需单击按钮即可生成HTML元素

时间:2017-02-11 17:51:33

标签: html button onclick

<input type="button" value="Scramble" onClick="scramble();">
<p id="scramble">
</p>

我现在拥有的按钮会产生争夺,但我希望它也可以创建两个按钮。一个揭示解决方案,另一个揭示暗示。

1 个答案:

答案 0 :(得分:1)

下次请先检查其他筹码。 Javascript: onclick/onsubmit for dynamically created button

代码

&#13;
&#13;
	<button onclick="isPressed()"> Press here</button>
<script>	
function isPressed(){
  var button = document.createElement('button');
  button.innerHTML = 'hint';
  document.body.appendChild(button);
  
    button.onclick = function(){
    alert('I am a hint!');return false;
  };
  
  var button2 = document.createElement('button');
    button2.innerHTML = 'solution!';
  document.body.appendChild(button2);
    button2.onclick = function(){
    alert('I am a sulution');return false;
  };
};
</script>
&#13;
&#13;
&#13;