用户输入 2 个数字，输出数字并在表格中求和.输出，但不在表中

Question

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