how to solve the following problem in JS define?

<input type="text" id="humanName"/>
<input type="button" id="button1"/>
<script>
/*!
Glenn 2010 1212
 */var Glenn.App=
(function(undefined){var O,   D, E ;
/*Object*/O = function (id) {
    return "string" == typeof id ? document.getElementById(id) : id;
};
  
 
E=
{   addEvent: function( obj, type, fn ) {
     if ( obj.attachEvent ) {
      obj['e'+type+fn] = fn;
     obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
       obj.attachEvent( 'on'+type, obj[type+fn] );
    } else
      obj.addEventListener( type, fn, false );
   },
 
  removeEvent:function( obj, type, fn ) {
   if ( obj.detachEvent ) {
     obj.detachEvent( 'on'+type, obj[type+fn] );
      obj[type+fn] = null;
     } else
     obj.removeEventListener( type, fn, false );
   }
}
/*Dom*/D = {
    getScrollTop: function(node) {
        var doc = node ? node.ownerDocument : document;
        return doc.documentElement.scrollTop || doc.body.scrollTop;
    }
}; 
 
 Glenn.App.$$ = O;    Glenn.App.$$D = D;  Glenn.App.$$E=E;})();
</script>
<script>
function fn()
{
Glenn.App.$$("humanName").value="bbc";
}
Glenn.App.$$E.addEvent(Glenn.App.$$("button1") ,"click",fn )
</script>