atelierbram · August 13, 2018 13:33
diff --git a/index.html b/index.html
 <html>
  <body>
    <a class="that" href="yippee.html">That link</a>
    <script>
      var foo = function () {
        var $ = document.querySelector.bind(document)
        var el = {
          thatLink: $('a.that')
        }
        function addListeners () {
          el.thatLink.addEventListener('click', function (e) {
            e.preventDefault()
            simpleHandler(e.target)
          }, false)
        }
        function init () {
          addListeners()
        }
        function simpleHandler (link) {
          console.log(link.href)
        }
        return {
          init: init
        }
      }()

      foo.init()
    </script>
  </body>
 </html>
	<html>
	<body>
	<a class="that" href="yippee.html">That link</a>
	<script>
	var foo = function () {
	var $ = document.querySelector.bind(document)
	var el = {
	thatLink: $('a.that')
	}
	function addListeners () {
	el.thatLink.addEventListener('click', function (e) {
	e.preventDefault()
	simpleHandler(e.target)
	}, false)
	}
	function init () {
	addListeners()
	}
	function simpleHandler (link) {
	console.log(link.href)
	}
	return {
	init: init
	}
	}()

	foo.init()
	</script>
	</body>
	</html>