JS Master Class - Exercise 5

// 1
  document.getElementById('the_div').addEventListener(
    'click', function(){ log('the_div!') }, true);
    
  document.getElementById('the_list').addEventListener(
    'click', function(){ log('the_list!') }, !true);
    
  document.getElementById('the_item').addEventListener(
    'click', function(){ log('the_item!') }, true);

// 2
  document.getElementById('the_div').addEventListener(
    'click', function(){ log('the_div!') }, !true);
    
  document.getElementById('the_list').addEventListener(
    'click', function(){ log('the_list!') }, !true);
    
  document.getElementById('the_item').addEventListener(
    'click', function(){ log('the_item!') }, true);

// 3
  document.getElementById('the_div').addEventListener(
    'click', function(){ log('the_div!') }, !true);
    
  document.getElementById('the_list').addEventListener(
    'click', function(){ log('the_list!') }, !true);
    
  document.getElementById('the_item').addEventListener(
    'click', function(e){ log('the_item!'); e.stopPropagation() }, true);