通过文本框输入一个数,判断这个数是3的倍数、5的倍数、既是3的倍数又是5的倍数、既不是3的倍数又不是5的倍数,将结果输出到另一个文本框中。web 显示hbuliderx的全部内容
时间: 2024-12-20 09:19:20 浏览: 6
这是一个简单的JavaScript示例,用于处理HTML表单中的数字输入并检查其是否满足给定条件。我们将使用HTML创建输入框,并利用JavaScript进行计算。假设有一个名为`inputNumber`的输入字段和两个显示结果的文本框:`resultDiv3`, `resultDiv5`, 和 `resultDivBoth`。
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>判断3和5的倍数</title>
</head>
<body>
<label for="inputNumber">请输入一个数:</label>
<input type="number" id="inputNumber">
<br>
<button onclick="checkMultiples()">判断</button>
<br>
<div id="resultDiv3">是3的倍数:</div>
<div id="resultDiv5">是5的倍数:</div>
<div id="resultDivBoth">同时是3和5的倍数:</div>
<script>
function checkMultiples() {
let input = document.getElementById('inputNumber').value;
let num = parseInt(input);
let resultDiv3 = document.getElementById('resultDiv3');
resultDiv3.textContent = (num % 3 === 0) ? '是' : '不是';
let resultDiv5 = document.getElementById('resultDiv5');
resultDiv5.textContent = (num % 5 === 0) ? '是' : '不是';
let resultDivBoth = document.getElementById('resultDivBoth');
resultDivBoth.textContent = (num % 3 === 0 && num % 5 === 0) ? '是' : '不是';
}
</script>
</body>
</html>
```
在这个例子中,用户输入一个数字,点击“判断”按钮后,函数`checkMultiples`会被触发。它首先获取输入值,然后检查该数除以3和5的余数,如果余数为0,则表示是对应倍数。最后,会分别更新三个结果文本框的内容。
阅读全文