制作一个简单计算器的实现功能,输入数字1和数字2进行求和,输出结果

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简单计算器</title>
		<style>
			input{
     
				border-radius:10px;/*圆角边框*/
				border:1px solid #ccc;
			}
		</style>
	</head>
	<body>
		<!-- oninput="value=value.replace(/[^\d]/g,'')" 表示只能输入数字(正则表达式)-->
		<input type="text" id="umber1" placeholder="请输入数字一" oninput="value=value.replace(/[^\d]/g,'')"> +
		<input type="text" id='umber2' placeholder="请输入数字二" oninput="value=value.replace(/[^\d]/g,'')">
		<input type="button" value="=" id="sum">
		<input type='text' id="resule" placeholder="计算的结果">
		<script>
			document.getElementById('sum').onclick=function(){
     
				var umber1 = parseFloat(document.getElementById('umber1').value);//parseFloat() 解析一个字符串,并返回一个浮点数。
				var umber2 = parseFloat(document.getElementById('umber2').value);
				var resule = umber1 + umber2;
				document.getElementById('resule').value=resule;
			}
		</script>
	</body>
</html>

你可能感兴趣的:(javascript,js)