Fix Up the JavaScript

• In behavior.js, fix up your init function like so:

   init : function(myDiv) {
    $.s = document.getElementById(myDiv);
    $.q = $.s.getElementsByTagName('INPUT')[0];
    $.b = $.s.getElementsByTagName('BUTTON')[0];
    $.r = $.s.getElementsByTagName('DL')[0];
    $.head = document.getElementsByTagName('head')[0];
    $.b.onmouseup = function() { SEARCH.doStuff(); };
  },

• Down at the very bottom in the window.onload function, add the input parameter to SEARCH.init, making it SEARCH.init('searchMe');

What's going on here?

• We're separating behavior from structure, by getting rid of those hard-coded IDs q and b. Save everything and run it. It should look different (a line around the form) but behave the same.
• We're assigning the entire HEAD section of our document to one of our handy private variables, so we can quickly add and remove nodes later.
• We're leaving the onmouseup event attached to our button.

prev - http://kentbrewster.com/build-a-search-app/code/code4.html - next