<!DOCTYPE html> <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> </div> </nav> <div class="col-md-6 well"> <hr style="border-top:1px dotted #ccc;"> <div class="col-md-6"> <div class="form-group"> <select class="form-control" id="currency" style="width:30%;"> </select> <br /> <input type="number" class="form-control" id="amount"/> </div> <br /> <div class="form-group"> <input type="number" class="form-control" id="result" readonly="readonly"/> </div> </div> </div> </body> </html>
function convert(){ var amount=document.getElementById("amount").value; var currency=document.getElementById("currency").value; if(amount == ""){ alert('Please enter something first'); }else{ switch(currency){ case "Dollar": document.getElementById("result").value = amount * 51.89; break; case "Pound": document.getElementById("result").value = amount * 72.39; break; case "Euro": document.getElementById("result").value = amount * 63.84; break; case "Yen": document.getElementById("result").value = amount * 0.49; break; case "Yuan": document.getElementById("result").value = x * 8.20; break; } } }