JSFiddle - React, Tailwind, and code Playground

by Tyler N.

HTML

<div id="four" class="four"></div>
<div id="three" class="three"></div>
<div id="two" class="two"></div>
<div id="one" class="one"></div>

JavaScript

var Calculator = {

	setNumber: function(givenNumber) {
  	var max = 100,
      	min = 0;

  	this.number = (givenNumber) ? givenNumber : (Math.floor(Math.random() * (max - min + 1)) + min);
    return this;
  },
  
  divideBy: function(_divider) {
  	this.number = (this.number / _divider);
    return this;
  },
  
  multiplyBy: function(_multi) {
  	this.number = (this.number * _multi);
    return this;
  },
  
  add: function(_add) {
  	this.number = (this.number + _add);
    return this;
  },
  
  subtract: function(_sub) {
  	this.number = (this.number - _sub);
    return this;
  },
  
  result: function () {
  	return this.number;
  }
}

document.getElementById('one').innerHTML = Calculator.setNumber(2).divideBy(2).add(5).multiplyBy(3).subtract(10).result();
document.getElementById('two').innerHTML = Calculator.setNumber(4).divideBy(2).add(5).multiplyBy(3).subtract(10).number;
document.getElementById('three').innerHTML = Calculator.setNumber(6).divideBy(2).add(5).multiplyBy(3).subtract(10).result();