js-calculator's Introduction

Javascript Calculator

This is a simple calculator written completely in vanilla javascript and css. It uses CSS Grid for alignments.

How to use

Clients can use just the js file and give their own HTML and style. Please make sure that you add buttons with appropriate IDs as below.

 <div id="calculatorBtns">
                <div id="btnCE">CE</div>

                <div id="btnErase">Erase</div>
                <div id="btnDivide">/</div>
                <div class="numBtn" id="btn7">7</div>
                <div class="numBtn" id="btn8">8</div>
                <div class="numBtn" id="btn9">9</div>
                <div id="btnMulti">X</div>
                <div class="numBtn" id="btn4">4</div>
                <div class="numBtn" id="btn5">5</div>
                <div class="numBtn" id="btn6">6</div>
                <div id="btnSubstract">-</div>
                <div class="numBtn" id="btn1">1</div>
                <div class="numBtn" id="btn2">2</div>
                <div class="numBtn" id="btn3">3</div>
                <div id="btnAdd">+</div>
                <div class="numBtn" id="btn0">0</div>
                <div id="btnDot">.</div>
                <div id="btnEquals">=</div>
            </div>
            ```

Recommend Projects