JavaScript通过文本框输入一个数,判断这个数是3的倍数、5的倍数、既是3的倍数又是5的倍数、既不是3的倍数又不是5的倍数,将结果输出到另一个文本框中 HTML写出完整代码
时间: 2024-12-19 11:22:51 浏览: 7
semasio-test:给定一个整数数组,从数组中找出两个数的最大乘积,即 3 的倍数
在JavaScript中,你可以创建一个简单的HTML表单,然后利用函数来判断用户输入的数是否满足条件。以下是一个基本的HTML和JavaScript代码示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数字倍数检查</title>
</head>
<body>
<h1>请输入一个整数:</h1>
<input type="number" id="inputNumber" oninput="checkDivisible()">
<br>
<h2>结果:</h2>
<p id="result"></p>
<script>
function checkDivisible() {
const number = parseInt(document.getElementById('inputNumber').value);
let resultElement = document.getElementById('result');
if (number % 3 === 0 && number % 5 === 0) {
resultElement.textContent = `${number} 是3和5的倍数`;
} else if (number % 3 === 0) {
resultElement.textContent = `${number} 是3的倍数`;
} else if (number % 5 === 0) {
resultElement.textContent = `${number} 是5的倍数`;
} else {
resultElement.textContent = `${number} 既不是3也不是5的倍数`;
}
}
</script>
</body>
</html>
```
在这个例子中,当用户在文本框中输入数值并触发`oninput`事件时,`checkDivisible`函数会被调用。它会获取输入值,然后根据模运算的结果(余数)判断该数属于哪种情况,并更新对应的文本内容。
阅读全文