当前位置：网站首页>通过js来实现一元二次方程的效果，输入a,b,c系数后可计算出x1和x2的值

通过js来实现一元二次方程的效果，输入a,b,c系数后可计算出x1和x2的值

2022-07-29 04:12:00 【小杨要努力哇】

第一步：框架

第二步：我们知道，一元二次方程的表达式为编辑

求根公式为

第三步：我们定义三个变量用来接收a,b,c

第四步：接下来我们通过判断 △的情况，来判断有无实根，所以我们这里先定义一下△（disp）

第五步：接下来我们通过判断 △的大小，当△小于0时，方程无实根

第六步：当△等于0时x1等于x2

第七步：当△大于0时，

第一步：框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
		
		</script>
	</body>
</html>

第二步：我们知道，一元二次方程的表达式为

求根公式为

所以这里我们要先定义x1,x2.a,b,c,△，disp

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var x1, x2, a, b, c, disp
			
		</script>
	</body>
</html>

第三步：我们定义三个变量用来接收a,b,c

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var x1, x2, a, b, c, disp
			var a = prompt('请输入a')
			var b = prompt('请输入b')
			var c = prompt('请输入c')
			
		</script>
	</body>
</html>

第四步：接下来我们通过判断 △的情况，来判断有无实根，所以我们这里先定义一下△（disp）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var x1, x2, a, b, c, disp
			var a = prompt('请输入a')
			var b = prompt('请输入b')
			var c = prompt('请输入c')
			disp = (Math.pow(b, 2) - (4 * a * c))

		</script>
	</body>
</html>

这里Math.pow()是定义平方的一个函数

第五步：接下来我们通过判断 △的大小，当△小于0时，方程无实根

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var x1, x2, a, b, c, disp
			var a = prompt('请输入a')
			var b = prompt('请输入b')
			var c = prompt('请输入c')
			disp = (Math.pow(b, 2) - (4 * a * c))

			if (disp < 0) {
				alert('抱歉，方程无实根')
			} 
		</script>
	</body>
</html>

第六步：当△等于0时x1等于x2

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var x1, x2, a, b, c, disp
			var a = prompt('请输入a')
			var b = prompt('请输入b')
			var c = prompt('请输入c')
			disp = (Math.pow(b, 2) - (4 * a * c))

			if (disp < 0) {
				alert('抱歉，方程无实根')
			} else if (disp == 0) {
				x1 = (-b / 2 * a)
				x2 = (-b / 2 * a)
				alert('x1=x2值为' + x1)
			}
		</script>
	</body>
</html>

第七步：当△大于0时，

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var x1, x2, a, b, c, disp
			var a = prompt('请输入a')
			var b = prompt('请输入b')
			var c = prompt('请输入c')
			disp = (Math.pow(b, 2) - (4 * a * c))

			if (disp < 0) {
				alert('抱歉，方程无实根')
			} else if (disp == 0) {
				x1 = (-b / 2 * a)
				x2 = (-b / 2 * a)
				alert('x1=x2值为' + x1)
			} else {
				x1 = ((-b + Math.sqrt(disp)) / 2 * a)
				x2 = ((-b - Math.sqrt(disp)) / 2 * a)
			}
			alert('x1的值为' + x1 + '\n' + 'x2的值为' + x2);
		</script>
	</body>
</html>