JavaScript Math 算数对象实例集合

最新推荐文章于 2024-11-12 11:19:19 发布

梁辰兴

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量385

点赞数 1

分类专栏： JavaScript 编程基础文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_62617719/article/details/129404254

版权

JavaScript 编程基础专栏收录该内容

75 篇文章 78 订阅

订阅专栏

文章目录

JavaScript Math 算数对象实例集合

JavaScript Math 算数对象实例集合

在这里插入图片描述
注意： 了解JavaScript Math 算数对象，请参考《JavaScript Math 算数对象》。

使用 round() 对数字进行舍入

源码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<p id="demo">单击按钮舍入与“2.5”最接近的整数</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementById("demo").innerHTML=Math.round(2.5);
}
</script>
</body>
</html>

运行效果

使用 random() 来返回 0 到 1 之间的随机数

源码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<p id="demo">点击按钮显示一个随机数</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementById("demo").innerHTML=Math.random();
}
</script>
</body>
</html>

运行效果

使用 max() 来返回两个给定的数中的较大的数

源码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<p id="demo">单击按钮返回5到10之间的最大值。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementById("demo").innerHTML=Math.max(5,10);
}
</script>
</body>
</html>

运行效果

使用 min() 来返回两个给定的数中的较小的数

源码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<p id="demo">单击按钮返回5到10之间最小的值。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	document.getElementById("demo").innerHTML=Math.min(5,10);
}
</script>
</body>
</html>

运行效果

摄氏度与华氏转换

源码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<head>
<script>
function convert(degree){
	if (degree=="C"){
		F=document.getElementById("c").value * 9 / 5 + 32;
		document.getElementById("f").value=Math.round(F);
	}
	else{
		C=(document.getElementById("f").value -32) * 5 / 9;
		document.getElementById("c").value=Math.round(C);
	}
}
</script>
</head>
<body>
<p><b>在下面输入框中插入一个数值：</b></p>
<form>
<input id="c" name="c" onkeyup="convert('C')"> 摄氏度<br>
等于<br>
<input id="f" name="f" onkeyup="convert('F')"> 华氏度
</form>
<p>注意使用<b>Math.round()</b> 方法返回的结果是一个整数。</p>
</body>
</html>