No Description Available
0
Slick marquee slider - manage HTML marquee with slick javascript library.
onex
This is a multiple-input fields generator that can generate or add or create multiple input fields dynamically at a time.
Tesseract js demo scan text over the image by just doing small amounts of code.
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.
function _(x){ return document.getElementById(x); } const calculate = (e) => { e.preventDefault(); var a = _('amount').value; var c1 = _('basecurrency').value; var c2 = _('convertedcurrency').value; // alert(c1 + c2); if(c1 == "USD" && c2 == "INR") { // alert("wnb"); _('result').value = parseInt(a)*69.70; } else if(c1 == "USD" && c2 == "YEN") { _('result').value = parseInt(a)*108.41; } else if(c1 == "USD" && c2 == "EURO") { _('result').value = parseInt(a)*0.89; } else if(c1 == "USD" && c2 == "USD") { _('result').value = parseInt(a)*1; } else if(c1 == "YEN" && c2 == "YEN") { _('result').value = parseInt(a)*1; } else if(c1 == "YEN" && c2 == "USD") { _('result').value = parseInt(a)*0.0092; } else if(c1 == "YEN" && c2 == "INR") { _('result').value = parseInt(a)*0.64; } else if(c1 == "YEN" && c2 == "EURO") { _('result').value = parseInt(a)*0.0082; } else if(c1 == "INR" && c2 == "YEN") { _('result').value = parseInt(a)*1.56; } else if(c1 == "INR" && c2 == "EURO") { _('result').value = parseInt(a)*0.013; } else if(c1 == "INR" && c2 == "USD") { _('result').value = parseInt(a)*0.0143451442; } else if(c1 == "INR" && c2 == "INR") { _('result').value = parseInt(a)*1; } else if(c1 == "EURO" && c2 == "YEN") { _('result').value = parseInt(a)*121.43; } else if(c1 == "EURO" && c2 == "USD") { _('result').value = parseInt(a)*1.12; } else if(c1 == "EURO" && c2 == "INR") { _('result').value = parseInt(a)*78.10; } else if(c1 == "EURO" && c2 == "EURO") { _('result').value = parseInt(a)*1; } } // document.getElementById = _'('') _('form-data').addEventListener('submit',calculate);
<div class="header"> <div class="h1"> <span>CURRENCY CALCULATOR</span> </div> </div> <section> <div class="container"> <div class="row"> <div class="form1"> <form action="" method="post" id="form-data"> <label >AMOUNT:</label> <br> <input type="text" id="amount" required /> <br><br> <label>CURRENCY FROM :</label> <br> <select id="basecurrency" > <option value="USD">USD</option> <option value="INR">INR</option> <option value="EURO">EURO</option> <option value="YEN">YEN</option> </select> <br><br> <label>CURRENCY TO :</label> <br> <select id="convertedcurrency" > <option value="USD">USD</option> <option value="INR">INR</option> <option value="EURO">EURO</option> <option value="YEN">YEN</option> </select> <br><br> <label>RESULT : </label> <br> <input type="textarea" id="result" readonly /> <br><br> <input type="submit" value="Calculate" style="background-color: green;color:white;" /> </form> </div> </div> </div> <div style="float:left;width:100%;margin-top:50px"> <p style="color:white;font-size:23px;text-align: center;">© 2019 CALCULATOR . All rights reserved | Design by BHUWAN ARORA</p> </div> </section>