Excercise #5

gistfile1.txt

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

*/
//2.) 
/* 
document.getElementById('the_div').addEventListener(
  'click', function(e){ log('the_div!') }, false);

document.getElementById('the_list').addEventListener(
  'click', function(e){ log('the_list!') }, false);

document.getElementById('the_item').addEventListener(
  'click', function(e){ log('the_item!') }, true);
*/

//3.) 
document.getElementById('the_div').addEventListener(
  'click', function(e){ log('the_div!') }, false);

document.getElementById('the_list').addEventListener(
  'click', function(e){ log('the_list!') }, false);

document.getElementById('the_item').addEventListener(
  'click', function(e){ log('the_item!'); e.stopPropagation();}, false);