JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="one">
<input type="text" id="two">
<button type="button" id="plus">+</button>
<button type="button" id="minus">-</button>
<button type="button" id="multiply">*</button>
<button type="button" id="divide">/</button>
<h1 id="enjoy"></h1>
JavaScript
var one, two, plusBtn, minusBtn, multiplyBtn, divideBtn, result, polosa, enjoy;
plusBtn = document.getElementById('plus');
minusBtn = document.getElementById('minus');
multiplyBtn = document.getElementById('multiply');
divideBtn = document.getElementById('divide');
function values () {
one = Number(document.getElementById('one').value);
two = Number(document.getElementById('two').value);
enjoy = document.getElementById('enjoy');
}
var Calculate = function () {
this.plus = function () {
values();
result = one + two;
enjoy.innerHTML = result;
};
this.minus = function () {
values();
result = one - two;
enjoy.innerHTML = result;
};
this.multiply = function () {
values();
result = one * two;
enjoy.innerHTML = result;
};
this.divide = function () {
values();
result = one / two;
enjoy.innerHTML = result;
};
};
var plusFnc = new Calculate();
var minusFnc = new Calculate();
var multiplyFnc = new Calculate();
var divideFnc = new Calculate();
plusBtn.onclick = function () {
plusFnc.plus();
};
minusBtn.onclick = function () {
minusFnc.minus();
};
multiplyBtn.onclick = function () {
multiplyFnc.multiply();
};
divideBtn.onclick = function () {
divideFnc.divide();
};