gpt4 book ai didi

javascript - 如何输入行数和列数并创建表格

转载 作者:行者123 更新时间:2023-11-28 07:08:25 28 4
gpt4 key购买 nike

我仍在学习 HTML 类(class),但我上周成功做到了这一点,但现在我完全忘记了答案。

基本上有两个输入。在其中一个中输入列数,在另一个中输入行数。当您按下按钮时,它会创建一个包含这些内容的表格(表格的内容并不重要)。我应该在函数中使用参数,但我忘记了它们是如何工作的,这就是我最终遇到的困惑:我很确定除了参数部分之外的所有内容都是正确的。我只是不知道如何从输入文本中获取值并将它们用作参数。

<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>

最佳答案

您可以在调用 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

关于javascript - 如何输入行数和列数并创建表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31512634/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com