用户在表格中输入 2 个数字，输出数字和总和。输出，但不在表格中？

Question

编写一个程序，要求用户输入三个数字。如果所有三个条目都是数字，则输出三个条目中数字对的所有组合的总和。执行加法并为每对输出结果的代码应该在一个函数中，并从主函数中调用。在 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;

}

Answer 1

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

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

我相信当你应用里面的东西时你会做对的。 （：

Answer 2

我在我的 HTML 中添加了一个开始和结束表格标记（带有一个 id）并使用了以下代码：

//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 = "<tr><th>Pair part 1</th><th>Pair part 2</th><th>Sum</th></tr>";

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

}