-3

我正在学习使用 JavaScript，我正在尝试在脚本中创建一个 HTML 表，其中包含来自函数的值：

<!DOCTYPE html>
<head>
<meta charset="utf-8">

<script type="text/javascript">
function nextStep(xn, a) {
 var xn1 = (xn+(a/xn)/2);
 return xn1;
}

function getError(xn, a) {
 var err = xn-(a/xn);
 return err;
}

function newtonRoot(x) {
if(x>0) {
 var a = 2;
 var error = getError(x, a);
 var zeilen = 0;
 var x_werte = [];
 var errors = [];

 while(error>0.0001) {
 x = nextStep(x, a);
 error = getError(x, a);
 zeilen++;
 x_werte[zeilen] = x;
 errors[zeilen] = error;
 }
 var ergebnis = x;
 const GLOBAL_ERROR = error;

 document.body.appendChild(document.createTextNode("<table border=" + "1" + ">"));
 document.body.appendChild(document.createTextNode("<tr><td>Schritt</td><td>Startwert" + a + "</td><td>Fehler</td></tr>"));

 for(var i=1;i<zeilen+1;i++) {
    document.body.appendChild(document.createTextNode("<tr>"));
    document.body.appendChild(document.createTextNode("<td>i</td>")));
    document.body.appendChild(document.createTextNode("<td>" + x_werte[i] + "</td>"));
    document.body.appendChild(document.createTextNode("<td>" + errors[i] + "</td>"));
    document.body.appendChild(document.createTextNode("</tr>)));
 }
 document.body.appendChild(document.createTextNode("</table>"));
 document.body.appendChild(document.createTextNode("Ergebnis: Wurzel von" + a + "ist" + ergbenis + "(approximiert)"));
}
}
newtonRoot(1);
  </script>
 </head>
 <body>
 </body>
 </html>

但它似乎不起作用？
我尝试使用http://www.jslint.com/对其进行验证，但是有很多小东西被标记为错误，摆脱它们给我带来了错误：

“预期 '(end)' 而是看到 <!DOCTYPE html >”

这似乎是一个错误。
另一个站点实际上没有发现任何错误，那么我在这里做错了什么？

我什至使用了这个 appendChild 而不是 write，因为据我了解，write 只能用于页面加载。

编辑： 好吧，也许我没有明确我最初的目标：
我想用 HTML 创建一个表格，但不是通过将代码写入正文，而是让脚本用 for 循环编写它。

4

4 回答 4

1
  1. 缺少打开的 HTML 和 HEAD 标记。缺少标题标签。
  2. 代码中有很多语法错误
  3. 小心使用 const。它没有得到广泛支持。https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const

这是清理后的代码：

 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <script type="text/javascript">
        function nextStep(xn, a) {
            var xn1 = (xn + (a / xn) / 2);
            return xn1;
        }

        function getError(xn, a) {
            var err = xn - (a / xn);
            return err;
        }

        function newtonRoot(x) {
            if (x > 0) {
                var a = 2;
                var error = getError(x, a);
                var zeilen = 5;
                var x_werte = [];
                var errors = [];

                while (error > 0.0001) {
                    x = nextStep(x, a);
                    error = getError(x, a);
                    zeilen++;
                    x_werte[zeilen] = x;
                    errors[zeilen] = error;
                }
                var ergebnis = x;
                var GLOBAL_ERROR = error;

                var table = document.body.appendChild(document.createElement("table"));
                table.setAttribute('border', '1');
                var hrow = document.createElement('tr');
                var td1 = document.createElement('td'); td1.appendChild(document.createTextNode("Schritt"));
                var td2 = document.createElement('td'); td2.appendChild(document.createTextNode("Startwert " + a));
                var td3 = document.createElement('td'); td3.appendChild(document.createTextNode("Fehler"));
                hrow.appendChild(td1); hrow.appendChild(td2); hrow.appendChild(td3);
                table.appendChild(hrow);

                for (var i = 1; i < zeilen + 1; i++) {
                    var row = document.createElement('tr');
                    var td_i = document.createElement('td'); td_i.appendChild(document.createTextNode(i));
                    var td_x_werte = document.createElement('td'); td_x_werte.appendChild(document.createTextNode(x_werte[i]));
                    var td_errors = document.createElement('td'); td_errors.appendChild(document.createTextNode(errors[i]));
                    row.appendChild(td_i); row.appendChild(td_x_werte); row.appendChild(td_errors);
                    table.appendChild(row);
                }
                document.body.appendChild(document.createTextNode("Ergebnis: Wurzel von " + a + " ist " + ergebnis + " (approximiert)"));
            }
        }
        newtonRoot(1);
    </script>
</body>
</html>
于 2013-06-23T14:17:25.857 回答
0

错误：

if(x>0 {

一定是

if(x > 0) {
于 2013-06-23T14:09:22.600 回答
0

这段代码有很多错误。我想我的工作很顺利，但我不确定最终目标是什么。JSHint 显示了多个小错误，您应该修复它们，而不是认为它们无关紧要。

这是我的修复：

function nextStep(xn, a) {
 var xn1 = (xn+(a/xn)/2);
 return xn1;
}

function getError(xn, a) {
 var err = xn-(a/xn);
 return err;
}

function newtonRoot(x) {
if(x>0) {
 var a = 2;
 var error = getError(x, a);
 var zeilen = 0;
 var x_werte = [];
 var errors = [];

 while(error>0.0001) {
 x = nextStep(x, a);
 error = getError(x, a);
 zeilen++;
 x_werte[zeilen] = x;
 errors[zeilen] = error;
 }
 var ergebnis = x;
 var GLOBAL_ERROR = error;

 document.body.appendChild(document.createTextNode("<table border=" + "1" + ">"));
 document.body.appendChild(document.createTextNode("<tr><td>Schritt</td><td>Startwert" + a + "</td><td>Fehler</td></tr>"));

 for(var i=1;i<zeilen+1;i++) {
    document.body.appendChild(document.createTextNode("<tr>"));
    document.body.appendChild(document.createTextNode("<td>i</td>"));
    document.body.appendChild(document.createTextNode("<td>" + x_werte[i] + "</td>"));
    document.body.appendChild(document.createTextNode("<td>" + errors[i] + "</td>"));
    document.body.appendChild(document.createTextNode("</tr>"));
 }
 document.body.appendChild(document.createTextNode("</table>"));
 document.body.appendChild(document.createTextNode("Ergebnis: Wurzel von" + a + "ist" + ergbenis + "(approximiert)"));
}
}
newtonRoot(1);
于 2013-06-23T14:16:02.200 回答
0

"您的第 42 行缺少 a

document.body.appendChild(document.createTextNode("</tr>)));

应该

document.body.appendChild(document.createTextNode("</tr>")));

也许会这样做。

于 2013-06-23T14:18:32.053 回答