在JavaScript中,要在HTML页面上编写并运行代码,编写程序,用户输入三个整数,利用自定义函数进行比较,找出最大值和最小值,并在页面中输出结果;或输入的三个整数中有一个是非数字,页面中输出结果为"输入的数字有错误,无法进行比较"。
时间: 2024-10-01 08:06:16 浏览: 39
vue-append:vue-append,类似于v-html指令,但可以调用javascript函数
在JavaScript中,你可以创建一个HTML表单让用户输入三个整数,然后在一个自定义函数中接收输入,检查是否都是有效数字,找到最大值和最小值,最后将结果显示在页面上。下面是一个简单的示例:
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>找最大值和最小值</title>
</head>
<body>
<label>输入三个整数:</label>
<input type="number" id="num1" placeholder="第一个数">
<input type="number" id="num2" placeholder="第二个数">
<input type="number" id="num3" placeholder="第三个数">
<button onclick="compareNumbers()">比较</button>
<p id="result"></p>
<script>
function compareNumbers() {
const num1 = parseInt(document.getElementById('num1').value);
const num2 = parseInt(document.getElementById('num2').value);
const num3 = parseInt(document.getElementById('num3').value);
if (isNaN(num1) || isNaN(num2) || isNaN(num3)) {
document.getElementById('result').textContent = "输入的数字有错误,无法进行比较";
} else {
const max = Math.max(num1, num2, num3);
const min = Math.min(num1, num2, num3);
document.getElementById('result').textContent = `最大值是: ${max}, 最小值是: ${min}`;
}
}
</script>
</body>
</html>
```
在这个示例中,当用户点击"比较"按钮时,`compareNumbers`函数会被触发。它首先尝试将输入转换为整数,如果其中任何一个值无法转换(即`isNaN`),则显示错误信息。否则,它会使用`Math.max`和`Math.min`函数分别找到最大值和最小值,并将结果显示在id为'result'的`<p>`标签中。
阅读全文