No Description Available
0
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 _(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>