用javascript,1个文本框和一个按钮,文本框输入一个5位整数n,判断该数是否为回文数
时间: 2023-05-13 14:06:13 浏览: 240
以下是用 JavaScript 实现判断一个 5 位整数是否为回文数的代码:
```javascript
function isPalindrome(n) {
var str = n.toString();
return str === str.split('').reverse().join('');
}
var input = document.getElementById('input');
var button = document.getElementById('button');
button.addEventListener('click', function() {
var n = parseInt(input.value);
if (isNaN(n) || n < 10000 || n > 99999) {
alert('请输入一个 5 位整数!');
} else if (isPalindrome(n)) {
alert(n + ' 是回文数!');
} else {
alert(n + ' 不是回文数!');
}
});
```
其中,`isPalindrome` 函数用于判断一个字符串是否为回文字符串,`input` 和 `button` 分别表示文本框和按钮的 DOM 元素,`addEventListener` 方法用于给按钮添加点击事件监听器,当按钮被点击时,获取文本框中的值,并判断该值是否为 5 位整数和回文数。如果不符合条件,则弹出相应的提示框。
相关问题
用javascript一个文本框和一个按钮,文本框输入一个整数n,生成长度为n的数组,数组元素随机在0-100之间,以表格的形式输出显示数组元素的值
以下是用 JavaScript 实现的代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>生成随机数组</title>
<meta charset="utf-8">
<style type="text/css">
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
padding: 5px;
}
</style>
</head>
<body>
<label for="input">请输入一个整数 n:</label>
<input type="text" id="input">
<button onclick="generateArray()">生成数组</button>
<br><br>
<table id="table"></table>
<script type="text/javascript">
function generateArray() {
var n = parseInt(document.getElementById("input").value);
var arr = [];
for (var i = 0; i < n; i++) {
arr.push(Math.floor(Math.random() * 101));
}
var table = document.getElementById("table");
table.innerHTML = "";
for (var i = 0; i < n; i++) {
var row = table.insertRow();
var cell = row.insertCell();
cell.innerHTML = arr[i];
}
}
</script>
</body>
</html>
```
你可以将以上代码复制到一个 HTML 文件中,然后在浏览器中打开该文件,输入一个整数 n,点击“生成数组”按钮,就可以在页面上看到一个包含 n 个随机整数的表格。
网页中加入二个文本框,一个按钮,在第一个文本框输入一个正整数,判断该数是否为质数。通过按钮的单击事件,并将结果显示在结果文本框中。(要求:创建一个判断素数的函数)
在网页上实现这个功能,你可以使用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`辅助函数来检查是否为质数,然后在结果文本框中显示相应的结果。
阅读全文