补充下面的JavaScript代码使其能够完成求算语文、数学、英语三科的平均分。要求能够判断输入的是否是数字而且计算结果精确到小数点后两位。使用JS编写一个简易计算器界面使用表单控件完成界面设计要求具有计算功能。在经过上面两个题目之后给出不少于两百字的实验心得
- 补充代码:
let chinese = prompt("请输入语文成绩:");
let math = prompt("请输入数学成绩:");
let english = prompt("请输入英语成绩:");
if (!isNaN(chinese) && !isNaN(math) && !isNaN(english)) {
let average = (parseFloat(chinese) + parseFloat(math) + parseFloat(english)) / 3;
console.log("平均分为:" + average.toFixed(2));
} else {
console.log("输入的成绩不是数字!");
}
- 编写简易计算器界面:
HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>简易计算器</title>
</head>
<body>
<form>
<input type="text" id="num1" placeholder="请输入第一个数字">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="num2" placeholder="请输入第二个数字">
<button type="button" onclick="calculate()">计算</button>
<input type="text" id="result" placeholder="计算结果">
</form>
<script src="calculator.js"></script>
</body>
</html>
JavaScript代码:
function calculate() {
let num1 = document.getElementById("num1").value;
let num2 = document.getElementById("num2").value;
let operator = document.getElementById("operator").value;
let result;
if (!isNaN(num1) && !isNaN(num2)) {
switch (operator) {
case "+":
result = parseFloat(num1) + parseFloat(num2);
break;
case "-":
result = parseFloat(num1) - parseFloat(num2);
break;
case "*":
result = parseFloat(num1) * parseFloat(num2);
break;
case "/":
result = parseFloat(num1) / parseFloat(num2);
break;
default:
result = "未知运算符";
}
document.getElementById("result").value = result.toFixed(2);
} else {
document.getElementById("result").value = "输入的数字不合法";
}
}
实验心得:
通过这两个题目的练习,我深刻体会到了JavaScript语言的强大和灵活性。JavaScript不仅可以进行简单的数学运算,还可以通过控制DOM元素实现动态页面效果。在编写代码的过程中,我发现输入数据类型的判断非常重要,这可以避免出现不必要的错误。另外,JavaScript中的字符串和数字类型之间的转换也需要注意,可以使用parseFloat()和parseInt()等函数进行转换。总的来说,这两个题目对我的JavaScript编程能力提升很有帮助,我相信在今后的学习和工作中,这些知识点一定会对我有所裨益。
原文地址: https://www.cveoy.top/t/topic/7hK 著作权归作者所有。请勿转载和采集!