SentinelJS Demo

by muicss

HTML

<script src="https://cdn.rawgit.com/muicss/sentineljs/0.0.4/dist/sentinel.min.js"></script>
<button onclick="addDiv();">Add another DIV</button>
<div class="my-div"></div>

JavaScript

// use the `sentinel` global object
sentinel.on('.my-div', function(el) {
  el.innerHTML = 'The sentinel is always watching.';
});

// add a new div to the DOM
function addDiv() {
  var newEl = document.createElement('div');
  newEl.className = 'my-div';
  document.body.appendChild(newEl);
}

// make addDiv global (for JSFiddle)
window.addDiv = addDiv;