用js输入行和列,点击按钮,创建数字矩阵
时间: 2024-10-17 21:10:52 浏览: 4
在JavaScript中,你可以通过HTML和JavaScript结合起来创建这样的功能。首先,你需要设置一个HTML界面,包括两个输入框用于获取行数和列数,以及一个按钮来触发矩阵的生成。下面是一个简单的示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>数字矩阵生成</title>
</head>
<body>
<input type="number" id="rows" placeholder="行数">
<input type="number" id="columns" placeholder="列数">
<button onclick="createMatrix()">生成矩阵</button>
<pre id="matrixOutput"></pre>
<script>
function createMatrix() {
// 获取用户输入的行数和列数
const rows = parseInt(document.getElementById("rows").value);
const columns = parseInt(document.getElementById("columns").value);
// 创建一个空数组来存储矩阵
let matrix = new Array(rows).fill(null).map(() => []);
// 用0填充整个矩阵
for (let i = 0; i < rows; i++) {
for (let j = 0; j < columns; j++) {
matrix[i][j] = 0;
}
}
// 将矩阵内容显示到页面上
document.getElementById("matrixOutput").innerText = JSON.stringify(matrix, null, 2); // 使用JSON.stringify美化展示
}
</script>
</body>
</html>
```
在这个示例中,当用户点击“生成矩阵”按钮时,`createMatrix`函数会被调用。它首先读取输入框的值作为行数和列数,然后创建相应大小的二维数组,并将所有元素初始化为0。最后,它会将生成的矩阵以JSON格式输出,方便查看。
阅读全文