html输⼊两个数实现加减乘除功能⼀、parseFloat() 函数
在⽹页中制作⼀个简单的计算器，在⽂本框输⼊两个数，能够实现两个数的加减乘除。
parseFloat() 函数可解析⼀个字符串，并返回⼀个浮点数。
该函数指定字符串中的⾸个字符是否是数字。如果是，则对字符
串进⾏解析，直到到达数字的末端为⽌，然后以数字返回该数字，
⽽不是作为字符串。
语法：parseFloat(string)；
⼆、JavaScript 全局属性
属性描述
Infinity代表正的⽆穷⼤的数值。
NaN指⽰某个值是不是数字值。
undefined指⽰未定义的值。
三、完整代码
<!DOCTYPE html>
<html lang="en">
<head>
html内容文本框
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="text/javascript">
function cal(){
var nums = ElementsByName("num");
var sz = ElementsByName("js");
var result = ElementsByName("rs");
var n1 = parseFloat(nums[0].value);
var n2 = parseFloat(nums[1].value);
/*parseFloat() 函数可解析⼀个字符串，并返回⼀个浮点数。
该函数指定字符串中的⾸个字符是否是数字。如果是，则对字符
串进⾏解析，直到到达数字的末端为⽌，然后以数字返回该数字，
⽽不是作为字符串。
*/
switch(sz[0].value){
case "add" :
result[0].value = n1 + n2 ;
break;
case "min" :
result[0].value = n1 - n2 ;
break;
case "mul" :
result[0].value = n1 * n2 ;
break;
case "div" :
result[0].value = n1/n2;
break;
}
}
</script>
</head>
<body>
<div align="center">
<input type="text" name="num" value="" onkeyup="place(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" />
<select name="js" size="1">
<option value="add">+</option>
<option value="min">-</option>
<option value="mul">*</option>
<option value="div">/</option>
</select>
<input type="text" name="num" value=""onkeyup="place(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" />
=
<input type="text" name="rs" value=""/><br>
<button id="btn"onclick="cal()">计算</button>
</div>
</body>
</html>
效果展⽰:
到此这篇关于html输⼊两个数实现加减乘除的⽂章就介绍到这了，更多相关html加减乘除内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章，希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。