jQuery怎么改写成JavaScript代码

<script type="text/javascript">
 $(document).ready(function() {
    
    $("#login").click(function(){
        $.XYTipsWindow({
            ___title:"登录",
            ___content:"iframe:login.html",
            ___width:"460",
            ___height:"150",
            ___showbg:true,
            ___drag:"___boxTitle"

        });
    });
    
    $("#reg").click(function(){
        $.XYTipsWindow({
            ___title:"注册",
            ___content:"iframe:reg.html",
            ___width:"460",
            ___height:"450",
            ___showbg:true,
            ___drag:"___boxTitle"
        });
    });
 })
 </script>

上边代码实现的是注册/登录按钮点击弹窗的效果，我想要在a标签里面引用这段代码（不用button标签）怎么改写呢？

<a id="login" href="javascript:void(0);" onclick="goLogin">login</a>

function goLogin(){
  $.XYTipsWindow({
            ___title:"登录",
            ___content:"iframe:login.html",
            ___width:"460",
            ___height:"150",
            ___showbg:true,
            ___drag:"___boxTitle"
 
        });
}

<a id="login" href="javascript:void(0);">login</a>

<a id="reg" href="javascript:void(0);">reg</a>