-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
33 lines (31 loc) · 1.41 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>给定两点求过两点的直线一般式</title>
<script>
function numToStr(num) {
if (num < 0)
return String(num);
else
return "+" + String(num);
}
function calc() {
var A_x = Number(document.getElementById("A_x").value);
var A_y = Number(document.getElementById("A_y").value);
var B_x = Number(document.getElementById("B_x").value);
var B_y = Number(document.getElementById("B_y").value);
var result = "直线AB解析式为：" + (B_y - A_y) + "x" + numToStr(A_x - B_x) + "y" + numToStr((B_x - A_x) * A_y - (B_y - A_y) * A_x) + "=0";
document.getElementById("result").innerHTML = result;
}
</script>
</head>
<body>
<p>
<input type="text" id="A_x" placeholder="输入A的x坐标（小数或整数）"/><br/>
<input type="text" id="A_y" placeholder="输入A的y坐标（小数或整数）"/><br/>
<input type="text" id="B_x" placeholder="输入B的x坐标（小数或整数）"/><br/>
<input type="text" id="B_y" placeholder="输入B的y坐标（小数或整数）"/><br/>
<input type="button" name="ok" value="ok" onclick="calc()">
</p>
<p id="result">点击ok后显示结果</p >
</body>