简单汇率换算代码
<!DOCtype html>
<html>
<head>
<meta charset="UTF-8">
<title>汇率换算</title>
<style>
body{ font-family: "微软雅黑"; font-size: 12px; font-weight: 300; color: #181818; }
.tCalculator{ margin-top: 30px; }
.tCalculator input[type="text"]{
width: 50px;
}
</style>
</head>
<body>
<section class="exchangeRate">
<div>
<div>
<input type="text" id="inputMoney" placeholder="请输入金额" /><br />
<p></p>
<input type="text" id="moneyRate" placeholder="请输入汇率" /><br />
<p></p>
<input type="button" onclick="cal()" value="换算" />
</div>
<div><br />
<span id="outputMoney"></span>
</div>
</div>
</section>
<script type="text/javascript">
function cal(){
var inputMoneyObj = document.getElementById("inputMoney").value;
var moneyRateObj = document.getElementById("moneyRate").value;
var outputMoneyObj = document.getElementById("outputMoney");
if(inputMoneyObj == ""){
alert("请输入转换金额!");
inputMoney.focus();
return false;
}else if( moneyRateObj == ""){
alert("请输入汇率!");
moneyRate.focus();
return false;
}else{
outputMoney = inputMoneyObj / moneyRateObj;
outputMoneyObj.innerHTML = "换算结果:" + outputMoney.toFixed(2);
}
}
</script>
</body>
</html>