乘法计算器

最新推荐文章于 2022-10-23 18:22:10 发布

sqwu

最新推荐文章于 2022-10-23 18:22:10 发布

阅读量1.2k

点赞数

分类专栏： JavaScript学习过程中的小练习文章标签： JavaScript

本文链接：https://blog.csdn.net/qq_42345108/article/details/100879433

版权

JavaScript学习过程中的小练习专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一个简单的乘法计算器，获取文本框的内容（字符串），将获取的内容转换成数字类型，进行乘法运算，将计算结果用科学计数法表示

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script>
			//toFixed()保留小数
			var a=new Number("123");
			document.write(a+"保留两位小数："+a.toFixed(2)+"<br>");
			var b=new Number("3.1415926");
			document.write(b+"保留三位小数："+b.toFixed(3)+"<br>");
			
			//toExponential()科学计数法
			document.write(a+"用科学计数法表示："+a.toExponential()+"<br>");
			document.write(b+"用科学计数法表示："+b.toExponential()+"<br>");
			
			//ValueOf()将数字对象转换成number类型
			var a=new Number("123");
			var b=a.valueOf();
			document.write("数字对象"+a+"的类型是："+typeof(a)+"<br>");
			document.write(a+"通过typeof()变成的类型是："+typeof(b)+"<br>");
			
			//乘法计算器，结果转换为科学计数法
			function re(){
				a1=document.getElementById('a1').value;
				a2=document.getElementById('a2').value;
				a1=parseFloat(a1);
				a2=parseFloat(a2);
				result=(a1*a2).toExponential();
				document.getElementById('result').value=result;
			}
		</script>
		<style>
			input{
			width:60px;
			}
		</style>
	</head>
	<body>
		<input type="text" id="a1">*
		<input type="text" id="a2">=
		<input type="text" id="result">
		<input type="submit" onclick="re()">
	</body>
</html>