Javascript 我的输出没有显示_Javascript_Html_Arrays_Html Table

Javascript 我的输出没有显示

javascript html arrays

Javascript 我的输出没有显示,javascript,html,arrays,html-table,Javascript,Html,Arrays,Html Table,所以在HTML文件中，我用6个数字来确定用户输入时间的导数。这是我的HTML代码 <body> <h1>Enter your numbers:</h1> <table> <tr> <h4>Enter your first number:</h4><input type="text" name="firstNum" id="first">

所以在HTML文件中，我用6个数字来确定用户输入时间的导数。这是我的HTML代码

<body>
    <h1>Enter your numbers:</h1>
    <table>
        <tr>
            <h4>Enter your first number:</h4><input type="text" name="firstNum" id="first">
            <h4>Enter your second number:</h4><input type="text" name="secondNum" id="second">
            <h4>Enter your third number:</h4><input type="text" name="thirdNum" id="third">
            <h4>Enter your fourth number:</h4><input type="text" name="fourthNum" id "fourth">
            <h4>Enter your fifth number:</h4><input type="text" name="fifthNum" id="fifth">
            <h4>Enter your sixth number:</h4><input type="text" name="sixthNum" id="sixth">
            <h4>Enter the number of rows:</h4><input type="text" name="rowsNum" id="rows">
        </tr>
    </table>

    <table style="width:100%">
        <tr>
            <th>y</th>
            <th>&#9651y</th>
            <th>&#9651<sup>2</sup>y</th>
            <th>&#9651<sup>3</sup>y</th>
            <th>&#9651<sup>4</sup>y</th>
        </tr>
    </table>
    <button type="button" onclick="submitForCalc()">Submit</button>
    <div id="tablePrint"> </div>

    <script src="babbCore.js"> </script>
</body>


输入您的号码：
输入您的第一个号码：
输入您的第二个号码：
输入您的第三个号码：
输入您的第四个号码：
输入您的第五个号码：
输入您的第六个号码：
输入行数：
Y
△y
𗤀y
𗤁y
𗤂y
提交

在我的js文件中

function submitForCalc()
 {
/*
    If no inputs are given the defaults will be 0
*/
var firstInput = 0;
var secondInput =0;
var thirdInput =0;
var fourthInput =0;
var fifthInput =0;
var sixthInput =0;
var rowInput = 1;

/*
    Stores the user inputs into the values
*/
firstInput = document.getElementById("first").value; 
secondInput = document.getElementById("second").value;
thirdInput = document.getElementById("third").value;
fourthInput = document.getElementById("fourth").value;
fifthInput = document.getElementById("fifth").value;
sixthInput = document.getElementById("sixth").value;
rowInput = document.getElementById("rows").value;

/*
    stores the answer for each derivative into an array
*/
var zeroDir = new Array();
var firstDir = new Array();
var secondDir = new Array();
var thirdDir = new Array();
var fourthDir = new Array();
var fifthDir = new Array();

var myTable = "<table style="width:100%><tr>";  //the table of outputs

//This is where the calculations are done
var i =0;
for (i; i<rowInput; i++)
{
    zeroDir[i] = (firstInput*Math.pow(i, 5))+(secondInput*Math.pow(i, 4))+(thirdInput*Math.pow(i, 3))+(fourthInput*Math.pow(i, 2))+(fifthInput*Math.pow(i, 1))+sixthInput;
    firstDir[i] = ((5*firstInput)*Math.pow(i, 4))+((4*secondInput)*Math.pow(i, 3))+((3*thirdInput)*Math.pow(i, 2))+((2*fourthInput)*Math.pow(i, 1))+fifthInput;
    secondDir[i] = ((20*firstInput)*Math.pow(i, 3))+((12*secondInput)*Math.pow(i, 2))+((6*thirdInput)*Math.pow(i, 1))+(2*fourthInput);
    thirdDir[i] = ((60*firstInput)*Math.pow(i, 2))+((24*secondInput)*Math.pow(i, 1))+(6*thirdInput);
    fourthDir[i] = ((120*firstInput)*Math.pow(i, 1))+(24*secondInput);
    fifthDir[i] = (120*firstInput);
}

//This is where the output is created
for (var j=0; j<i; j++) 
{
    myTable += "<th>"+zeroDir[j] + "</th>"+ "<th>"+firstDir[j] +"</th>"+ "<th>"+secondDir[j] + "</th>"+ "<th>"+thirdDir[j] + "</th>"+ "<th>" + fourthDir[j] + "</th>" + "<th>" +fifthDir[j]+ "</th>";
} 
myTable+="</tr></table>";
document.getElementById('tablePrint').innerHTML = myTable;
}

函数submitForCalc（）
{
/*
如果未提供任何输入，则默认值为0
*/
var firstInput=0；
var secondInput=0；
var-thirdInput=0；
var fourthInput=0；
var fifthInput=0；
var sixthInput=0；
var rowInput=1；
/*
将用户输入存储到值中
*/
firstInput=document.getElementById（“第一”）值；
secondInput=document.getElementById（“second”）.value；
thirdInput=document.getElementById（“第三”）值；
fourthInput=document.getElementById（“第四”）值；
fifthInput=document.getElementById（“第五”）值；
第六个输入=document.getElementById（“第六个”）.value；
rowInput=document.getElementById（“行”）.value；
/*
将每个导数的答案存储到数组中
*/
var zeroDir=新数组（）；
var firstDir=新数组（）；
var secondDir=新数组（）；
var thirdDir=新数组（）；
var fourthDir=新数组（）；
var fifthDir=新数组（）；
var myTable=“如问题中的注释所述，主要更改是更改表变量的定义
 var myTable = "<table style='width:100%'><tr>"; 


输入您的号码：
输入您的第一个号码：
输入您的第二个号码：
输入您的第三个号码：
输入您的第四个号码：
输入您的第五个号码：
输入您的第六个号码：
输入行数：
Y
△y
𗤀y
𗤁y
𗤂y
提交
这里的东西很少
不要将标记与javascript混合使用
尝试在javascript端绑定事件
不要将字符串写为“”。使用createElement和insertRows
将代码分解为多个方法/子例程如果需要超过10行，则很难理解

window.onload=function（）{
var submit=document.getElementById（'submit'）；
submit.addEventListener（'click'，submitForCalc'）；
}
函数submitForCalc（）{
var firstInput=0；
var secondInput=0；
var-thirdInput=0；
var fourthInput=0；
var fifthInput=0；
var sixthInput=0；
var rowInput=1；
firstInput=document.getElementById（“第一”）值；
secondInput=document.getElementById（“second”）.value；
thirdInput=document.getElementById（“第三”）值；
var fourthInput=document.getElementById（“第四”）值；
fifthInput=document.getElementById（“第五”）值；
第六个输入=document.getElementById（“第六个”）.value；
rowInput=document.getElementById（“行”）.value；
/*
将每个导数的答案存储到数组中
*/
var zeroDir=新数组（）；
var firstDir=新数组（）；
var secondDir=新数组（）；
var thirdDir=新数组（）；
var fourthDir=新数组（）；
var fifthDir=新数组（）；
var myTable=document.createElement（'table'）；
myTable.style.width=“100%”；
myTable.style.border=“1”；
var i=0；
对于（变量i=0；i

输入您的号码：
输入您的第一个号码：
输入您的第二个号码：
输入您的第三个号码：
输入您的第四个号码：
输入您的第五个号码：
输入您的第六个号码：
输入行数：
Y
△y
𗤀y
𗤁y
𗤂y
提交
typo:definig var myTable将包含宽度的双引号更改为单引号var myTable=“”；
I更改了myTable部分，对于rowInput，它是rowInput.length还是rowInput.length（）？@RickBronger我不认为rowInput
是一个数组，所以不需要。长度
我相信rowInput
是一个输入的值，应该是rowInput=p