javascript - 用户输入2个数字,输出数字和表中的总和。正在输出,但不在表中?

标签 javascript function html-table

编写一个程序,要求用户输入三个数字。如果所有三个条目都是数字,则输出这三个条目中数字对的所有组合的总和。执行加法并输出每对结果的代码应该位于一个函数中,并从主函数中调用。将答案输出到 HTML 表格中。该表及其结束标记应添加到 HTML 页面中。表格行将随程序插入。

我可以让程序大部分工作,但它没有将数字和总和作为表格的一部分输出,并且我不确定我在哪里/缺少什么?

    //function to output sum of number1 and number2
    function outputSumOfnumber1Andnumber2(number1, number2) {
        var output;
        sum1and2 = number1 + number2;
        output = document.getElementById('outputPart2');
        output.innerHTML += "<tr><td>" + number1 + "</td><td>" + number2 + "</td><td>" + sum1and2 + "</td></tr>";
    }

    function outputSumofnumber2Andnumber3(number2, number3) {
        var output;
        sum2and3 = number2 + number3;
        output = document.getElementById('outputPart2');
        output.innerHTML += "<tr><td>" + number2 + "</td><td>" + number3 + "</td><td>" + sum2and3 + "</td></tr>";
    }

    function outputSumofnumber1Andnumber3(number1, number3) {
        var output;
        sum1and3 = number1 + number3;
        output = document.getElementById('outputPart2');
        output.innerHTML += "<tr><td>" + number1 + "</td><td>" + number3 + "</td><td>" + sum1and3 + "</td></tr></table>";
    }

    function exercise3Part2() {
        // PART 2: YOUR CODE STARTS AFTER THIS LINE
        var number1;
        var number2;
        var number3;
        var output;
        var tableRows;

        number1 = Number(prompt("Enter a number:"));
        number2 = Number(prompt("Enter another number:"));
        number3 = Number(prompt("Enter one more number:"));

        output = document.getElementById('outputPart2');

        output.innerHTML = "<table><tr><th>Pair part 1</th><th>Pair part 2</th><th>Sum</th></tr>";

        outputSumOfnumber1Andnumber2(number1, number2);
        outputSumofnumber2Andnumber3(number2, number3);
        outputSumofnumber1Andnumber3(number1, number3);

    }

尝试2--

//function to output sum of numbers
function outputSumOfnumbers(number1, number2, number3, rows) {
    var output;
    var rows;

    sum1and2 = number1 + number2;
    sum2and3 = number2 + number3;
    sum1and3 = number1 + number3;
    output = document.getElementById('outputPart2');
    rows = "<tr><td>" + number1 + "</td><td>" + number2 + "</td><td>" + sum1and2 + "</td></tr>";
    rows += "<tr><td>" + number2 + "</td><td>" + number3 + "</td><td>" + sum2and3 + "</td></tr>";
    rows += "<tr><td>" + number1 + "</td><td>" + number3 + "</td><td>" + sum1and3 + "</td></tr>";

}

function exercise3Part2() {
    // PART 2: YOUR CODE STARTS AFTER THIS LINE
    var number1;
    var number2;
    var number3;
    var myTable;
    var rows;

    myTable = document.getElementById('outputPart2');

    number1 = Number(prompt("Enter a number:"));
    number2 = Number(prompt("Enter another number:"));
    number3 = Number(prompt("Enter one more number:"));
outputSumOfnumbers(number1, number2, number3);
    myTable = document.getElementById('outputPart2');



    myTable.innerHTML += rows;

}

最佳答案

好吧,你把事​​情搞砸了,但我宁愿你选择一种更好的表操作方法,而不是修复这段代码,这绝对不是你应该这样做的方式。

查看这篇文章:http://www.htmlgoodies.com/beyond/css/working_w_tables_using_jquery.html

我相信,当你应用里面的内容时,你就会得到正确的结果。 (:

关于javascript - 用户输入2个数字,输出数字和表中的总和。正在输出,但不在表中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29734848/

相关文章:

html - 如何将一些 "space before"间距添加到 5 行文本的表格单元格内的单行文本

javascript - 动态参数页面评估

javascript - 除了混淆之外,还有其他方法可以使在 javascript 中获取任何字符串变得更加困难吗?

javascript - 如何将Angular Material md-datepicker的日期值初始化为任意指定日期

javascript - 需要一种方法来根据请求禁用 HTML 框架

html - 如何让我的两个表彼此对齐?

java - 在 Android Studio 中禁用后如何启用检查?

php - WordPress 将 the_views 中的 View 作为变量发布

javascript - JavaScript 如何使新页面包含更多 JavaScript?

html - Chrome - 保持列宽最小