用JS实现在网页中加入两个文本框,一个按钮,在第一个文本框输入一个正整数,判断该数是否为质数。通过按钮的单击事件,并将结果显示在结果文本框中。(要求:创建一个判断素数的函数)
时间: 2024-10-24 17:05:46 浏览: 45
在JavaScript中,你可以按照以下步骤来实现这个功能:
1. 首先,你需要在HTML中添加两个`<input>`元素,分别用于用户输入数字和显示结果,以及一个`<button>`元素作为触发事件的按钮。例如:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>质数判断</title>
</head>
<body>
<label for="numberInput">请输入一个正整数:</label>
<input type="number" id="numberInput" required>
<br>
<button onclick="checkPrime()">检查</button>
<br>
<label for="resultInput">结果:</label>
<input type="text" id="resultInput" readonly>
<script src="primeCheck.js"></script>
</body>
</html>
```
2. 然后,在一个名为`primeCheck.js`的外部文件中,编写一个名为`checkPrime`的函数,该函数会获取用户输入的数值并判断其是否为质数。如果是一个质数,将在结果文本框中显示“是质数”,否则显示“不是质数”。以下是函数实现:
```javascript
function checkPrime() {
const numberInput = document.getElementById("numberInput");
const resultInput = document.getElementById("resultInput");
function isPrime(num) {
if (num <= 1) return false;
for (let i = 2; i * i <= num; i++) {
if (num % i === 0) return false;
}
return true;
}
const enteredNumber = parseInt(numberInput.value);
resultInput.value = isPrime(enteredNumber) ? "是质数" : "不是质数";
}
```
现在,当用户点击“检查”按钮时,它会触发`checkPrime`函数,判断输入的数字是否为质数,并显示相应的结果。
阅读全文