无法在JavaScript中附加eventHandler

Question

我一直在编写一个创建按钮的javascript代码。但我无法将事件处理程序附加到按钮。当我试图得到孩子时，它返回undefined。有两个函数，一个在窗口加载时创建按钮，另一个函数试图获取子项。

window.onload = function ()
        {
            f1();
            reader();
        }
       function f1()
       {
        var x = document.getElementById("buttons");
        for(var i=9;i>=0;i--)
        {
            
            var y = document.createElement("BUTTON");
            y.setAttribute("class","btn btn-primary btn-lg");
            y.setAttribute("id","mybtn");
            var z = document.createTextNode(i);
            
             y.appendChild(z);
            x.appendChild(y);
            
        }
       function reader()
        {
            var x = document.getElementById("mybtn").firstChild;
            alert(x);
            
        }

<div id="stage">
            <div id="screen">
                
                
            </div>
            <div id="buttons">
                
                
            </div>
            <div id="sb">
                
                
            </div>
            
        </div>

Answer 1

您遗失了}功能<{1}}的结尾

f1