JavaScript how to insert array into a table

Question

I'm wondering how to insert this array into a table. Here is my code; I would like it to display like this:

Student Name Student Mark Student Grade

If anyone knows how, it would be greatly appreciated.

var gradeAwarded;
var max;
var A =0;
var B =0;
var C=0;
var F=0;
var Sum = 0
var average
var repeat, studentArr = [], markArr = [];

while (repeat !== 'n'){
    studentArr.push(prompt("Enter Student Name: ", "Ross"));
    markArr.push(parseInt (prompt("Enter Student mark: ", 50)));

    if (markArr <0 || markArr >100){
        alert("Grate out of bounds");
    }else if (markArr >= 83){
        gradeAwarded = "A";
        A = A + 1;
    }else if (markArr >= 70){
        gradeAwarded = "B";
        B = B+1;
    }else if (markArr >= 50){
        gradeAwarded = "C";
        C = C+1;    
    }else if (markArr >= 0){
        gradeAwarded = "F";
        F = F+1;                                                        
    }
     repeat = prompt ("Do you want to enter another student: y/n");

}  

Array.prototype.max = function() {
  return Math.max.apply(Math, markArr);
};

Array.prototype.min = function() {
  return Math.min.apply(Math, markArr);
};
for(var x = 0; x < markArr.length; x ++)
{
  Sum = Sum + markArr[x]; 
}

average = Sum / markArr.length; 
var min = markArr.min();
var max = markArr.max();

for(var i = 0; i < markArr.length; i++)
document.write(<tr> markArr[i] </tr>);
    document.write("The Highest mark was : "+max+"<br>");
    document.write("The Lowest mark was : "+min +"<br>");
    document.write("The Average mark was : "+average+"<br>");
    document.write("number A grades : "+A+"<br>");
    document.write("number B grades : "+B+"<br>");
    document.write("number C grades : "+C+"<br>");
    document.write("number F grades : "+F+"<br>");

Akhil · Accepted Answer · 2014-03-31 06:34:47Z

Hope this helps

            var markAwarded;
            var gradeAwarded;
            var max;
            var A = 0;
            var B = 0;
            var C = 0;
            var F = 0;
            var Sum = 0
            var average
            var repeat, studentArr = [], markArr = [], gradeArr = [];
            while (repeat !== 'n') {
                studentArr.push(prompt("Enter Student Name: ", "Ross"));
                markAwarded = parseInt(prompt("Enter Student mark: ", 50));
                markArr.push(markAwarded);

                if (markAwarded < 0 || markAwarded > 100) {
                    alert("Grate out of bounds");
                } else if (markAwarded >= 83) {
                    gradeAwarded = "A";
                    A = A + 1;
                } else if (markAwarded >= 70) {
                    gradeAwarded = "B";
                    B = B + 1;
                } else if (markAwarded >= 50) {
                    gradeAwarded = "C";
                    C = C + 1;
                } else if (markAwarded >= 0) {
                    gradeAwarded = "F";
                    F = F + 1;
                }
                gradeArr.push(gradeAwarded);
                repeat = prompt("Do you want to enter another student: y/n");

            }

            Array.prototype.max = function () {
                return Math.max.apply(Math, markArr);
            };

            Array.prototype.min = function () {
                return Math.min.apply(Math, markArr);
            };
            for (var x = 0; x < markArr.length; x++) {
                Sum = Sum + markArr[x];
            }

            average = Sum / markArr.length;
            var min = markArr.min();
            var max = markArr.max();

            document.write("<table style='border:1px solid black;'><tr><th>Student Name</th><th>Student Mark</th><th>Student Grade </th></tr>");
            for (var i = 0; i < markArr.length; i++) {
                document.write("<tr><td>" + studentArr[i] + "</td><td>" + markArr[i] + "</td><td>" + gradeArr[i] + "</td> </tr>");
            }
            document.write("</table>");
            document.write("The Highest mark was : " + max + "<br>");
            document.write("The Lowest mark was : " + min + "<br>");
            document.write("The Average mark was : " + average + "<br>");
            document.write("number A grades : " + A + "<br>");
            document.write("number B grades : " + B + "<br>");
            document.write("number C grades : " + C + "<br>");
            document.write("number F grades : " + F + "<br>");

Bowdzone · Accepted Answer · 2014-03-31 05:57:58Z

0

If you want to create the table purely from the javascript there are functions like this:

var body = document.getElementsByTagName('body')[0];
var table = document.createElement('table');
var tr = document.createElement('tr');
var td = document.createElement('td');
td.nodeValue = someDataToDisplayInTheCell;

tr.appendChild(td);
table.appendChild(tr);
body.appendChild(body);

answered Mar 31, 2014 at 5:57

Bowdzone

3,87511 gold badges42 silver badges53 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:00:38Z

0

Try looking at this: Print out Javascript array in table

There is many ways to create a table from an array.

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Mar 31, 2014 at 5:59

Cyassin

1,5001 gold badge15 silver badges32 bronze badges

Comments

Abhas Tandon · Accepted Answer · 2014-03-31 05:59:49Z

Try this code

  <script>
  var gradeAwarded;
  var max;
  var A =0;
  var B =0;
  var C=0;
  var F=0;
  var Sum = 0
  var average
  var repeat, studentArr = [], markArr = [];

  while (repeat !== 'n'){
      studentArr.push(prompt("Enter Student Name: ", "Ross"));
      markArr.push(parseInt (prompt("Enter Student mark: ", 50)));

      if (markArr <0 || markArr >100){
          alert("Grate out of bounds");
      }else if (markArr >= 83){
          gradeAwarded = "A";
          A = A + 1;
      }else if (markArr >= 70){
          gradeAwarded = "B";
          B = B+1;
      }else if (markArr >= 50){
          gradeAwarded = "C";
          C = C+1;    
      }else if (markArr >= 0){
          gradeAwarded = "F";
          F = F+1;                                                        
      }
       repeat = prompt ("Do you want to enter another student: y/n");

  }  

  Array.prototype.max = function() {
    return Math.max.apply(Math, markArr);
  };

  Array.prototype.min = function() {
    return Math.min.apply(Math, markArr);
  };
  for(var x = 0; x < markArr.length; x ++)
  {
    Sum = Sum + markArr[x]; 
  }

  average = Sum / markArr.length; 
  var min = markArr.min();
  var max = markArr.max();
  document.write("<table>");
  for(var i = 0; i < markArr.length; i++){
    document.write("<tr>");
    document.write("<td>"+  studentArr[i] + '</td>');
    document.write("<td>"+  markArr[i] + '</td>');
    if (markArr[i] >= 83){
          gradeAwarded = "A";
      }else if (markArr[i] >= 70){
          gradeAwarded = "B";
      }else if (markArr[i] >= 50){
          gradeAwarded = "C";
      }else if (markArr[i] >= 0){
          gradeAwarded = "F";
      }
      document.write("<td>"+  gradeAwarded + '</td>');
    }
      document.write("</table>");
      document.write("The Highest mark was : "+max+"<br>");
      document.write("The Lowest mark was : "+min +"<br>");
      document.write("The Average mark was : "+average+"<br>");
      document.write("number A grades : "+A+"<br>");
      document.write("number B grades : "+B+"<br>");
      document.write("number C grades : "+C+"<br>");
      document.write("number F grades : "+F+"<br>");

  </script>

Collectives™ on Stack Overflow

JavaScript how to insert array into a table

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related