2、网页中加入二个文本框,一个按钮,在第一个文本框输入一个正整数,判断该数是否为质数。通过按钮的单击事件,并将结果显示在结果文本框中。(要求:创建一个判断素数的函数)
时间: 2024-10-28 18:09:29 浏览: 15
要实现在网页上创建一个简单的功能,让用户输入一个正整数并判断其是否为质数,你需要在HTML中添加相应的表单元素,然后使用JavaScript编写判断质数的函数以及处理按钮点击事件。以下是一个基本的示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>判断质数</title>
</head>
<body>
<form id="primeForm">
<label for="inputNumber">请输入一个正整数:</label>
<input type="number" id="inputNumber" required><br>
<button onclick="checkPrime()">判断</button><br>
<label for="result">结果:</label>
<input type="text" id="result" readonly>
</form>
<script>
function checkPrime() {
// 获取用户输入的数字
const number = parseInt(document.getElementById("inputNumber").value);
// 判断质数函数
function isPrime(num) {
if (num <= 1) return false; // 0和1不是质数
for (let i = 2; i <= Math.sqrt(num); i++) {
if (num % i === 0) return false;
}
return num > 1;
}
// 如果输入的是正整数并且是质数,显示结果;否则,显示提示信息
if (isPrime(number)) {
document.getElementById("result").value = `${number} 是质数`;
} else {
document.getElementById("result").value = `${number} 不是质数`;
}
}
</script>
</body>
</html>
```
在这个示例中,我们首先在HTML里定义了一个表单,包含两个输入字段(`inputNumber`用于输入数字,`result`用于显示结果),以及一个点击后执行`checkPrime`函数的按钮。`checkPrime`函数获取用户输入的数字,然后调用`isPrime`函数进行判断。如果输入的数字是质数,就在结果文本框中显示相关信息。
阅读全文