时间戳

首页 > 解决方案 > Java脚本根据用户输入创建列和行

javascript - Java脚本根据用户输入创建列和行

问题描述

这是一个 JavaScript 家庭作业问题，我花了很长时间在网上搜索才能弄清楚。基于学习循环，while、do while 和 for 循环。我要：

提示用户输入行数和列数。使用 * 输出用户请求的行列模式中的 * 字符。如果用户请求 2 行和 2 列，您应该输出：

**

**>

到目前为止的代码：

\\ var row = prompt("多少行？") var column = prompt("多少列？") \\

我将不胜感激可以引导我找到答案的指导。

标签： javascriptloopsuser-input

解决方案

鉴于您提到输出是表格形式，我们在这里使用两个循环。第一个是追加每一行，嵌套循环是追加每一列。colData.innerHTML = "*"给出应该包含在每列中的值/模式。
在 html 文件中，整个表格被附加到具有patternID 属性的元素中。

let table = document.createElement('table');
let tbody = document.createElement('tbody');

table.appendChild(tbody);
document.getElementById('pattern').appendChild(table);

var row = prompt("How many rows?");
var column = prompt("How many columns?");

for(let i = 0 ; i< row; i++){
    let rowVal = document.createElement('tr');
    for(let j = 0; j< column; j++){
        let colData = document.createElement('td');
        colData.innerHTML = "*";
        rowVal.appendChild(colData);
    }
    
    tbody.appendChild(rowVal);
}

推荐阅读