Como alterar o onclick de botões automaticamente gerados através do JavaScript?

Estou tentando alterar o evento onclick de butões gerados através do JavaScript. Por que meu código não funciona?

 <p id='ai'>Click the button to make a BUTTON element with text.</p>

 <button onclick="generator()">Try it</button>

 <script>

 function generator() {

   for(var x=0; x<26; x++){

   var btn = document.createElement("BUTTON");

     btn.innerHTML=x;

     btn.onclick=function() {myFunction()};

   document.getElementById('ai').innerHTML+=btn.outerHTML;

   }

 }

 myFunction(){alert('bolas')};