javascript - 根据输入值(HTML、JavaScript)生成表代码(不是表)

Question

我想根据两个输入字段生成表代码。一个输入字段包含行数，另一个输入字段包含列数。还有一个名为“提交”的按钮，单击该按钮我需要生成行数/列数的表代码。

假设如果给出第 3 行和第 2 列，那么它应该生成类似的代码

 <table>
       <tbody>
         <tr>
             <td>&nbsp;</td><td>&nbsp;</td>
         </tr>
         <tr>
             <td>&nbsp;</td><td>&nbsp;</td>
         </tr>
         <tr>
             <td>&nbsp;</td><td>&nbsp;</td>
         </tr>
       </tbody>
    </table>

我需要将此代码保存到一个字符串中。

请帮我解决这个问题。我是 JavaScript 初学者。

Answer 1

need to save into one string.

var form = document.getElementsByTagName("form")[0];
form["button"].onclick = function() {
  var html = "<table><tbody>";
  for (var i = 0; i < form["rows"].value; i++) {
    html += "<tr>";
    for (var j = 0; j < form["columns"].value; j++) {
      html += "<td>&nbsp;</td>"
    }
    html += "</tr>"
  }
  html += "</tbody></table>";
 
  console.log(html)
}

<form>
  <input type="number" min="1" max="10" name="rows" required />rows
  <input type="number" min="1" max="10" name="columns" required />columns
  <input type="button" name="button" value="create table" />
</form>