Skip to content

rramname/JS-Calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

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>
            ```

About

Javascript Calculator

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published