No Description Available
1
This is a multiple-input fields generator that can generate or add or create multiple input fields dynamically at a time.
onex
Tesseract js demo scan text over the image by just doing small amounts of code.
These kinds of input fields is mostly used in Creating and Removing Input field dynamically.
Cropperjs is a feature-rich pure javascript library for cropping image. using this you can able to able to provide image cropping to the client-side.
Calculate your Basal Metabolic Rate (BMR) with this calculator tool. Your BMR is the amount of energy you expend each day when at rest. This calculator also works out your daily calorie requirements.
Health calculator is a collection of BMR calculator,Body Shape Calculator,Body Fat percentage calculator and Ideal weight calculator.
Add and remove input feilds dynamically using javascript.
function _(x){ return document.querySelector(x); } 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 squar(){ var res = _('#result').value; _('#result').value = res*res }
<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="number('%')" 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>