1. 前言
最近学习javascript, 正好看到一个网页计算器的列子, 于是顺手实现了一下, 这里做一些记录
2. 实现效果
3. 实现代码
<!-- index.html -->
<html>
<head>
<title>Calculator</title>
<script src = "calc.js" type = "text/javascript"></script>
</head>
<body>
<div align = "center" style = "margin-top : 50px">
<img src = "yurisa.jpg" height = "400px" >
</div>
<form name = "form1">
<div align = "center" style = "margin-top : 30px">
<input type = "text" placeholder = "left" name = "left">+
<input type = "text" placeholder = "right" name = "right">=
<input type = "text" readonly = "readonly" placeholder = "result" name = "result">
<input type = "button" value = "submit" onclick = "add()">
</div>
</form>
</body>
</html>
# calc.js
function add(){
var left = document.form1.left.value;
var right = document.form1.right.value;
var res = Number(left) + Number(right);
#alert(typeof(res))
document.form1.result.value = String(res);
}