Custom Event on localStorage

by Anton Kolesnikov

HTML

<input type="text" id="input" />
<button id="btn">Click me!</button>

<div id="text" class="text">
  Тут текст
</div>
<div id="text2" class="text">
  Тут другой  текст
</div>

JavaScript

/* Модернизируем localStorage.setItem */
var original = localStorage.setItem;

localStorage.setItem = function() {
  console.log(arguments[1].toString());
  original.apply(this, arguments);
}

var btn = document.getElementById('btn');
btn.addEventListener('click', function() {
	var input = document.getElementById('input');
  localStorage.setItem('text', input.value);
}, false)


/*document.getElementById('text').addEventListener("alert", function(e) {
    e.target.innerHTML = 'work';
  }, false);
  
document.getElementById('text2').addEventListener("alert", function(e) {
    e.target.innerHTML = 'work2';
  }, false);
  
document.getElementById('btn').addEventListener('click', function(e) {
	[].forEach.call(document.getElementsByClassName('text'), function(el) {
  	el.dispatchEvent(event);
  })
}, false);
  
var event = new Event('alert', { bubbles: true, cancelable: true }); */