Hi

+

-

×

÷

7

8

9

4

5

6

1

2

3

0

.

C

=

text-align: center; padding: 127px 10px; margin: 10px 6px 10px 0; vertical-align: top; cursor: pointer; color: #FFF; background-color: #4d90fe; transition: all .2s ease-in-out; } div.equal:hover { background-color: #307CF9; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2); border-color: #1857BB; } div.equal:active { font-weight: bold; } numbers.splice(multiply, 2, numbers[multiply] * numbers[multiply + 1]); operators.splice(multiply, 1); multiply = operators.indexOf("×"); } var subtract = operators.indexOf("-"); while (subtract != -1) { numbers.splice(subtract, 2, numbers[subtract] - numbers[subtract + 1]); operators.splice(subtract, 1); subtract = operators.indexOf("-"); } var add = operators.indexOf("+"); while (add != -1) { // using parseFloat is necessary, otherwise it will result in string concatenation :) numbers.splice(add, 2, parseFloat(numbers[add]) + parseFloat(numbers[add + 1])); operators.splice(add, 1); add = operators.indexOf("+"); } input.innerHTML = numbers[0]; // displaying the output resultDisplayed = true; // turning flag if result is displayed }); // clearing the input on press of clear clear.addEventListener("click", function() { input.innerHTML = ""; })