如何输入行数和列数，并创建 table

Question

我还在上 HTML 课，但上周我设法做到了，现在我完全忘记了答案。

基本上有两个输入。在一个中，您输入列数，另一个输入行数。当你按下一个按钮时，它会创建一个 table 并记住这些（table 的内容无关紧要）。我应该在函数中使用参数，但我有点忘了它们是如何工作的，这就是我最终遇到的一团糟：我很确定除了参数部分之外的所有内容都是正确的。我只是不知道如何从输入文本中获取值并将它们用作参数。

<html>
<head> <title> Rows and Columns </title> </head>
<body>

<form name="form">

Number of rows: <input type="text" name="row" />
Number of columns: <input type="text" name="col" />
<input type="button" onClick="create(c,r)" value="create" />



</form>


<script>


function create(c,r) {
    c=document.forms.form.col.value
    r=document.forms.form.row.value
    document.write("<table width='1'>" + 
    for(i=1;i<=r;i++) { document.write("<tr>" + 
        for(e=1;e<=c;e++) { document.write("<td>" + c + "</td>") } + "</tr>") } + "</table>")





</script>
</body>

</html>

Answer 1

您可以在调用 onClick 时传递值，如下所示：

<input type="button" onClick="create(document.forms.form.col.value, document.forms.form.row.value)" value="create" />

从创建函数中删除这些

c=document.forms.form.col.value
r=document.forms.form.row.value

如何输入行数和列数，并创建 table

How to enter number of rows and columns, and create a table

html

javascript

parameters

html-table

onclick