Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div class="add">add</div>
  <div class="count"></div>
<div class="subtract">prev</div>
  <br>
  <br>
  <button class="reset">Reset</button>
</body>
</html>
 
var addCount = function() {
  var count = 0;
  var elements = {
    add: '.add',
    subtract: '.subtract',
    count: '.count',
    reset: '.reset'
  };
  var elementAdd = document.querySelector(elements.add);
  var elementSub = document.querySelector(elements.subtract);
  var elementCount = document.querySelector(elements.count);
  var elementBtnReset = document.querySelector(elements.reset);
  function elementNodeContent(node) {
    node.textContent = count;
    return node;
  }
  function add() {
    elementAdd.onclick = function() {
      elementCount.textContent++;
    };
  }
  function subtract() {
    elementSub.onclick = function() {
      elementCount.textContent--;
    };
  }
  function reset() {
    elementBtnReset.onclick = function() {
      elementCount.textContent = 0;
    };
  }
  function init() {
    elementNodeContent(elementCount);
    add();
    subtract();
    reset();
  }
  return {
    init: init,
  };
}();
addCount.init();
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers