html求三角形面积实验报告

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

html求三角形面积实验报告
实验目的:通过编写一个HTML程序计算三角形的面积。

实验原理:三角形的面积公式为 S = 1/2 * b * h,其中 b 表示三角形的底边长,h 表示三角形对应底边的高。

实验器材:计算机、文本编辑器。

实验步骤:
1. 打开文本编辑器,新建一个HTML文件,并将文件命名为“triangle.html”。

2. 在HTML文件中输入以下代码:
```
<!DOCTYPE html>
<html>
<head>
<title>计算三角形面积</title>
</head>
<body>
<h1>计算三角形面积</h1>
<form>
<label for="base">请输入三角形的底边长:</label>
<input type="number" id="base" name="base"><br><br>
<label for="height">请输入三角形的高:</label>
<input type="number" id="height" name="height"><br><br>
<input type="button" value="计算" onclick="calculate()"><br><br>
<label for="result">三角形的面积为:</label>
<input type="number" id="result" readonly>
</form>
<script>
function calculate() {
var base = parseFloat(document.getElementById('base').value);
var height = parseFloat(document.getElementById('height').value);
var area = 0.5 * base * height;
document.getElementById('result').value = area;
}
</script>
</body>
</html>
```
3. 保存文件并打开浏览器,将文件拖拽到浏览器中打开。

4. 在输入框中依次输入三角形的底边长和对应的高,然后点击“计算”按钮即可得到三角形的面积。

实验结论:通过编写HTML程序并输入三角形的底边长和高来计算三角形的面积。

相关文档
最新文档