首页网页中加入二个文本框，一个按钮，在第一个文本框输入一个正整数，判断该数是否为质数。通过按钮的单击事件，并将结果显示在结果文本框中。（要求：创建一个判断素数的函数）

网页中加入二个文本框，一个按钮，在第一个文本框输入一个正整数，判断该数是否为质数。通过按钮的单击事件，并将结果显示在结果文本框中。（要求：创建一个判断素数的函数）

时间: 2024-10-26 22:03:14 浏览: 24

在网页上实现这个功能，你可以使用HTML、CSS和JavaScript。首先，创建HTML结构，包括两个输入框（用于输入数字和显示结果）、一个按钮以及一个隐藏的显示区域： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> #result { display: none; } </style> </head> <body> <input type="number" id="numInput" placeholder="请输入正整数"> <button onclick="checkPrime()">判断质数</button> <br><br> <input type="text" id="resultArea" readonly> <script src="script.js"></script> </body> </html> ``` 然后在`script.js`文件中编写JavaScript函数来判断质数： ```javascript function checkPrime() { const numInput = document.getElementById('numInput'); const resultArea = document.getElementById('resultArea'); // 获取用户输入的数字 const number = parseInt(numInput.value); // 判断函数 function isPrime(n) { if (n <= 1) return false; for (let i = 2; i * i <= n; i++) { if (n % i === 0) return false; } return true; } // 显示结果 resultArea.value = (isPrime(number)) ? '是质数' : '不是质数'; // 显示或隐藏结果区域 resultArea.style.display = "block"; } ``` 在这个例子中，用户在输入框里输入一个正整数，点击“判断质数”按钮后，会调用`checkPrime`函数。函数获取输入值，使用`isPrime`辅助函数来检查是否为质数，然后在结果文本框中显示相应的结果。

阅读全文