Активация динамической кнопки

Question

Я создал динамическую кнопку. и теперь я пытаюсь добавить динамический тег привязки. Но это не сработает. Прежде чем публиковать это, я просмотрел все остальные примеры, но не успел. Пожалуйста посоветуй.

<script> 
    $(document).ready(function(){ 

    //creating an dynamic button element 
     var btn = document.createElement('input'); 
     var text = document.createTextNode('Click Me!') 
     btn.appendChild(text); 
     btn.id = "myBtn" 
     btn.type = "button"; 
     btn.value="Click me!" 
     document.body.appendChild(btn) 

    //adding click event to the dynamic button 
     $("body").on("click", "myBtn", function(){ 
     var myLink = document.createElement('a')    
      var myText = document.createTextNode('This is a dynamic link') 
      myLink.setAttribute("href", "http://www.example.com"); 
      myLink.target = "_blank" 
      myLink.title = "www.example.com" 
      myLink.style.marginTop = "25px" 
      myLink.appendChild(myText); 
      document.body.appendChild(myLink); 

     }) 

    }) 
</script> 

Answer 1

$(document).on('click','#myBtn',function(){ 

    //write your function here 

});