Week 4 Front End - mbergevoet/blok-tech GitHub Wiki

In de les hebben we behandeld hoe je een js functie kunt schrijven die kijkt hoe veel elementen van een bepaalde soort er in een document zitten en die elementen terug geeft in een array.

Hoe kan je één functie gebruiken voor het handelen van meerdere events:

Bron:http://jsfiddle.net/oscarj24/h722g/1/

<a href="javascript:void(0);" id="l1">Link 1</a>
<a href="javascript:void(0);" id="l2">Link 2</a>
<a href="javascript:void(0);" id="l3">Link 3</a>
<a href="javascript:void(0);" id="l4">Link 4</a>
<div id="log"></div>
$('body').click(function(event) {

  var log = $('#log');

  if ($(event.target).is('#l1')) {
    log.html(event.target.id + ' was clicked.');
  } else if ($(event.target).is('#l2')) {
    log.html(event.target.id + ' was clicked.');
  } else if ($(event.target).is('#l3')) {
    log.html(event.target.id + ' was clicked.');
  } else if ($(event.target).is('#l4')) {
    log.html(event.target.id + ' was clicked.');
  } else {
    log.html('');
  }
});

filter, map, reduce

⚠️ **GitHub.com Fallback** ⚠️