gpt4 book ai didi

javascript - 使用 JavaScript 的动态表生成器

转载 作者:行者123 更新时间:2023-11-30 18:27:09 25 4
gpt4 key购买 nike

我尝试根据用户输入动态生成表格。这个想法是让用户插入行数并自动生成 html。

我已经编写了一些代码并使用 jslint 对其进行了调试,但是它不起作用,尽管在 jslint 中没有重大错误。我做错了什么?

代码如下:

<body style="background-color: #777; color: ddd;">
<div style="margin: 20px;">
<h1>Program de calculare determinant matrice de orice grad.</h1>
</div>
<div>
Introduceti gradul matricii
<input id="grad" type="text" value="" onChange="readGrad ()" >
<input style="margin-top: 20px;" type="button" name="Calculate determinant" value="Generati tabel" onClick="genTable (k,k)">
</div>
<form name="Det Matrice">
<div style="margin-top: 100px; float: left; width: 100%;">
Introduceti valorile:
<table style="text-align: center;">
<tr id="container"></tr>
</table>
<br>
</div>
<div style="float: left; margin-top: 20px;">
<input type="button" name="Calculate determinant" value="Calculati determinant" onClick="calcDet (k,k);">
</div>
</form>
</body>

<script>
function readGrad() {
var k = parseInt(document.getElementById("grad").value);
if (isNaN(k)) {
alert('Gradul introdus nu este intreg, reintroduceti gradul matricii');
}
}

function genTable(i, j) {
var myTable = '<TABLE BORDER="1">\n <TBODY>\n';
for (i = 0; i < k; i++) {
myTable += ' <TR>\n';
for (j = 0; j < k; j++) {
myTable += ' <TD> @ </TD>\n';
}
myTable += ' </TR>\n';
}
myTable += ' </TBODY>\n</TABLE>\n';
document.getElementById('container').innerHTML = myTable;
}
</script>

也可以在这里查看: http://jsfiddle.net/pYc4P/18/

最佳答案

而不是 onClick="calcDet (k,k);">onClick="genTable(k,k);">

然后:

var k;
function readGrad() {
k = parseInt(document.getElementById("grad").value);
if (isNaN(k)) {
alert('Gradul introdus nu este intreg, reintroduceti gradul matricii');
}
}

代替:

  <table style="text-align: center;">
<tr id="container"></tr>
</table>

<div id="container"></div>

演示:http://jsfiddle.net/pYc4P/20/

关于javascript - 使用 JavaScript 的动态表生成器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10556735/

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