Separate JavaScript from HTML Markup wtih "addEventListener"

  1. load external JS file
  2. set "DOMContentLoaded" event handler which will then...
  3. set "click" handler for button
window.addEventListener('DOMContentLoaded', function() {
    var myButton = document.getElementById("makelistbutton");
    myButton.addEventListener("click", makeApplesList);
});