Генерация HTML-элементов одним нажатием кнопки

Question

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

Кнопка, которая у меня есть сейчас, создаст скремблер, но я бы хотел, чтобы он также создал две кнопки. Один из них показывает решение, а другой - подсказку.

Answer 1

В следующий раз проверьте другие стеки. Javascript: onclick/onsubmit for dynamically created button

Код

\t <button onclick="isPressed()"> Press here</button> 
 
<script> \t 
 
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>