With our new CMS, we are starting again from scratch. We started off last time in web-ui-intro by introducing evl.js. We replaced it with just a few utility functions. We also broke up our cms.js into a few files. So we will introduce those first, then our new event listener programming followed by example usage. It will all be much the same as web-ui-intro except written more concisely and organized more neatly.
All the code the makes dom nodes was organized in it's own file. We added functions for creating buttons and inputs of type text and number.
All the code the DOM manipulation functions were added to their own file. We added functions and prototypes for event programming. This replaces the evl.js we used before.
All the code the CMS code it it's own file. Nothing changed.
Our new program event-listeners.js demonstrate creating a button and an input and configuring the event listener routines.
Look for the button and input on the bottom left of the page after the footer. Open the console to note the callbacks are working.