javascript中document.write的替代方案?

问题描述

计划是创建一个代码,要求用户提供两个输入 A 和 B。它们都必须在 2 到 10 之间。单击“生成按钮”时,它会生成 A 乘 B 乘法表。我的问题是 document.write() 创建一个新文档并在那里显示生成的表。我希望它位于生成按钮的底部。对不起,如果这是一个愚蠢的问题。我是这个东西的新手。

<p id="par">

    <form onsubmit="return myFunction1()">

        <label for="one"> </label>
        <input type="text" id="one" name="one">

        <label for="two">by</label>
        <input type="text" id="two" name="two">

        <br><br><input type="submit" value="GENERATE TABLE">

    </form>
</p>

<script>

    function myFunction1() {

        var a = document.getElementById("one").value;
        var b = document.getElementById("two").value;

        if (a < 3 || a > 9 || b < 3 || b > 9) {
            window.alert("Please enter numbers BETWEEN 2 and 10")
        }

        else {
            document.write("<table border='1px'>");
    
                for(k = 1; k <= a; k++) {

                    document.write("<tr>"); 

                    for(j = 1; j <= b; j++)

                            {
                                document.write("<td> " + j*k + " </td>");
                            }
                
                    document.write("</tr>");

                }

            document.write("</table>");
        }

    }

</script>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)