JSFiddle - React, Tailwind, and code Playground

by Chase Wilson

HTML

<a href="#hello">Say Hello</a>
<div id="hello-catcher"></div>

JavaScript

/*
events: [ domready,say.hello];
*/

window.addEvent('say.hello',function(){
   $('hello-catcher').appendText('<p>Hello Michael</p>'); 
});
window.addEvent('say.hello',function(){
   $('hello-catcher').appendText('<p>Hello Chase</p>'); 
});
window.addEvent('say.hello',function(){
   $('hello-catcher').appendText('<p>Hello Dustin</p>'); 
});

window.addEvent('say.hello',function(){
   $('hello-catcher').appendText('<p>Hello Rolando</p>'); 
});




window.addEvent('domready',function(){
    $$('a[href=#hello]').addEvent('click',function(event){
       event.preventDefault();
        window.fireEvent('say.hello');
    }); 
});

window.addEvent('domready',function(){
  alert('Hello alert.');  
})