main.js 728 B

123456789101112131415161718192021222324
  1. function inc(value) { // Play with me
  2. return value + 1;
  3. }
  4. function dec(value) { // and me
  5. return value - 1;
  6. }
  7. // IMPORTANT: it won't work as expected if you'll use addEventListener
  8. // or $(document).ready as it will bind events again and again...
  9. // So you may need some workaround for this or split modules in a particular way
  10. window.onload = function() {
  11. var number = document.getElementById('number');
  12. var incBtn = document.getElementById('inc');
  13. var decBtn = document.getElementById('dec');
  14. incBtn.addEventListener('click', function() {
  15. number.innerHTML = inc(+number.innerHTML);
  16. }, false);
  17. decBtn.addEventListener('click', function() {
  18. number.innerHTML = dec(+number.innerHTML);
  19. }, false);
  20. };