需要关于HTML/JS方法的帮助，从哪里开始构建一个10x10的乘法表，以后应该是动态的

Need help over the methodology of HTML/JS, where to start building a 10x10 multiplication table that should be later on dynamic

本文关键字：一个 10x10 动态 构建 JS HTML 方法 帮助 开始      更新时间：2023-09-26

关于这些"简单"的乘法表，我已经看过其他问题了。我有一个更基本的问题，我需要了解Javascript是如何工作的，当我写和合并它与HTML(这就是我困惑的地方。)

所以在乘法练习中，我在HTML中创建了一个<div>框，所以我的问题是:我是否在HTML的主体中创建矩阵10x10(行/列和数字)，然后使用Javascript?或者我创建行/列和数字首先在我的script.js与HTML标签，将运行表动态到10行和列?

我刚开始学习Javascript，这是我经常遇到的问题。我如何构建语法，后面跟着什么，如果我应该把HTML放在脚本中，或者在HTML文件中构建它与类/id等。

新手链接解释这将是伟大的!

实际上这两种方法都在生产中使用。HTML只是你的标记，它可以是静态的，也可以是用JS动态创建的，但数据大多数时候是动态的。

现在

  1. 当你第一次加载你的表时，比如说在页面加载时，你可以从服务器发送静态html表，然后循环通过每个表行来填充数据，或者你可以从JS做同样的事情。

(是的，如果你知道你在做什么，为什么要这样做，把你的html放在你的脚本中是完全正常的。)

  • 当您只是通过ajax调用更新表中的值时，您将只循环遍历表(从第1点已经存在)行并填充它们。

    • 查看js动态创建html表使用js

    HTML 

    <table id="myTable"></table>

    JS 

    function buildTable () {
    var htm = '';
    //the row counter loop
    for (var i=1; i<=10; i++) {
        htm += '<tr>';
        //the columns in each row
        for(var j=1; j<=10; j++) {
        htm += '<td> Row=' + i + ' Column=' + j + ' </td>'; 
        }
        htm += '</tr>';
    }
    //add the rows inside the table
    document.getElementById('myTable').innerHTML = htm;
}
document.onready = buildTable();

    如果你还想知道什么，请在评论中提到，我会相应地更新我的答案。

    谢谢。

    *************** ********************

    我的buildTable函数与你的init函数相同。

    现在，你的代码不会给出期望的结果，因为在你的代码中你分别使用了2个for循环。您首先需要了解编码和逻辑的基础知识，以及如何使用for循环。

    我的方法很简单，取一个字符串变量var htm = '';

    现在开始添加HTML。

    第一个for循环将在表中创建(<tr>)行，嵌套的第二个 for循环将在每行中创建(<td>)列。它会一直附加到字符串变量htm

    当所有的for循环完成后，我们就有了htm变量里面包含了所有的HTML内容

    我们将html内容放入表格的innerHTML中，输入

    document.getElementById('myTable').innerHTML = htm;

    现在告诉我你到底听不懂哪一部分?

    你似乎刚刚开始学习编码和逻辑。你首先需要练习一些HTML和javascript的基础知识，然后这些都会很容易。

    相关文章：