No Description Available
0
This is a Standard Vanila Javascript Calculator and it can perform all task that a standard calculator dose.
This is multipurpose why choose us column which can be used in many types of templates.
Grid view of services is a very popular way to represent services.
This is a professional multipurpose Grid view service section Which can be used on various types of themes.
Bootstrap datetimepicker is used for getting time input field as well as date input field with in good style.There are basic setup:To initiate Bootstrap Datetimepicker, use following code
You can use this section to reveal the working process of your company.
function number(val){ var res = document.getElementById('result').value; if(res.length<10){ document.getElementById('result').value += val; }else{ window.alert("Number is greter than 10 digit"); } } // oprators function equal(){ var res = document.getElementById('result').value; document.getElementById('result').value = eval(res); // alert(eval(res)); } function operator(op){ document.getElementById('result').value += op; } // speacial oprator function erase(){ document.getElementById('result').value = ''; } function dot(){ var dt = document.getElementById('dot').value; document.getElementById('result').value += dt; } function back(){ var bk = document.getElementById('result').value; var finval=''; for(var i=0;i<bk.length-1;i++) { finval+=bk[i];7 } document.getElementById('result').value = finval; } function percent(){ var res = document.getElementById('result').value; res=eval(res)*1/100 document.getElementById('result').value = parseFloat(res); } function squar(){ var res = document.getElementById('result').value; { for(var i=1;i<res;i++){ ressa = i*i if(ressa==res){ document.getElementById('result').value=i; } } } }
<div class="body"> <h1>Calculator<span>Standard</span></h1> <input type="textarea" id="result" class="result" readonly=""> <div class="keys"> <div class="key-layer d-flex"> <button onclick="percent()" id="percent" value="%" class="btns">%</button> <button onclick="erase()" id="clear" class="btns">C</button> <button id="back" class="btns" onclick="back()"><i class="fas fa-backspace"></i></button> <button onclick="operator(this.value)" id="divide" value="/" class="btns"><i class="fas fa-divide"></i></button> </div> <div class="key-layer d-flex"> <button onclick="number(this.value)" id="num7" value="7" class="btns w">7</button> <button onclick="number(this.value)" id="num8" value="8" class="btns w">8</button> <button onclick="number(this.value)" id="num9" value="9" class="btns w">9</button> <button onclick="operator(this.value)" id="multiply" value="*" class="btns">x</button> </div> <div class="key-layer d-flex"> <button onclick="number(this.value)" id="num4" value="4" class="btns w">4</button> <button onclick="number(this.value)" id="num5" value="5" class="btns w">5</button> <button onclick="number(this.value)" id="num6" value="6" class="btns w">6</button> <button onclick="operator(this.value)" id="minus" value="-" class="btns">-</button> </div> <div class="key-layer d-flex"> <button onclick="number(this.value)" id="num1" value="1" class="btns w">1</button> <button onclick="number(this.value)" id="num2" value="2" class="btns w">2</button> <button onclick="number(this.value)" id="num3" value="3" class="btns w">3</button> <button onclick="operator(this.value)" id="add" value="+" class="btns">+</button> </div> <div class="key-layer d-flex"> <button onclick="squar()" id="square" value="" class="btns">x<sup>2</sup></button> <button onclick="number(this.value)" id="num0" value="0" class="btns w">0</button> <button onclick="dot()" id="dot" value="." class="btns">.</button> <button onclick="equal()" id="equal" value="=" class="btns red">=</button> </div> </div> </div>