用javascript一个文本框和一个按钮,文本框输入一个整数n,生成长度为n的数组,数组元素随机在0-100之间,以表格的形式输出显示数组元素的值
时间: 2023-05-13 13:06:02 浏览: 174
以下是用 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 个随机整数的表格。
阅读全文