我无法在JavaScript中显示我的数组

时间:2017-09-28 17:54:58

标签: javascript html

我在JavaScript中有一些简单的代码。我打算通过点击"添加学生"来创建代码,以便从客户端添加学生的名字,姓氏和年龄。按钮,并显示学生列表,包括通过单击"显示学生"添加的学生列表;按钮。

添加操作成功,但是当我点击"显示学生"按钮它只显示一个没有任何information(First Name,Last Name,Age)的表。



var students = new Array();
var i = 0;

function AddStudent()
{
    var patt = /i[a-z]/;
    var Fname = prompt("enter  first name");
    var Lname = prompt("enter last name");
    var Age = prompt("enter age"); 
    var std= {fname : Fname,lname : Lname,age : Age }
    students[i++] =std;
}
    
function ShowStudents()
{
    var table = "<table style='background-color:greenyellow; border:solid;'>";
    table += "<tr><th>نام</th><th>نام خانوادگی</th><th>سن</th></tr>"
    for( var j=0;j<students.length;j++)
    {                                                      
        table += "<tr>"
        table += "<td>" + students[j].fname +"</td>"
        table += "<td>" + students[j].lname + "</td>"
        table += "<td>" + students[j].age + "</td>"
        table +="</tr>"
    }
    table += "</table>";
    document.getElementById("ShowStudents").innerHTML = table;
}
&#13;
<input type="button" value="Add Student"  onclick="AddStudent();"/>
    <input type="button" value="Show Students"  onclick="ShowStudents();"/>
<div id="ShowStudents"></div>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

我认为没有&#34;您的浏览器无法执行指令; &#34; ,请尝试将其添加到以下行中:

table += "<tr><th>نام</th><th>نام خانوادگی</th><th>سن</th></tr>"
for( var j=0;j<students.length;j++)
    {                                                      
        table += "<tr>"
        table += "<td>" + students[j].fname +"</td>"
        table += "<td>" + students[j].lname + "</td>"
        table += "<td>" + students[j].age + "</td>"
        table +="</tr>"
    }

因为对我而言,它就像一个魅力。

答案 1 :(得分:0)

我在我的js页面和无用的函数中有一些评论。最后我清理了注释和无用的函数,它有效!