在jQuery中,可以使用以下代码根据输入的行和列显示乘法表:
$(document).ready(function() {
$("#submit").click(function() {
var rows = parseInt($("#rows").val());
var cols = parseInt($("#cols").val());
var table = $("<table></table>");
for (var i = 1; i <= rows; i++) {
var row = $("<tr></tr>");
for (var j = 1; j <= cols; j++) {
var cell = $("<td></td>").text(i * j);
row.append(cell);
}
table.append(row);
}
$("#result").html(table);
});
});
上述代码首先获取输入的行和列的值,然后创建一个table元素。接下来,使用两个嵌套的for循环来生成乘法表的每个单元格,并将其添加到相应的行中。最后,将生成的表格添加到页面中的一个元素中。
需要在HTML中添加以下代码来实现输入和显示结果:
<label for="rows">行数:</label>
<input type="number" id="rows">
<br>
<label for="cols">列数:</label>
<input type="number" id="cols">
<br>
<button id="submit">生成乘法表</button>
<br>
<div id="result"></div>
这样,当用户输入行数和列数后,点击"生成乘法表"按钮,就会在页面上显示相应的乘法表。
这个功能不需要特定的云计算服务,可以直接在浏览器中运行。
领取专属 10元无门槛券
手把手带您无忧上云