Generate special table in javascript

Question

Generate special table in javascript

Navigation

#1 by (2 votes)

1

My question is:

How to make a table in javascript where the numbers of the table of 5 are interspersed in two columns, and the other two are blank?

This is the code:

function tabla() {
    document.write("<table border='3' bgcolor='aqua'>");
    var num = 0,
    var resultado = 0;

    for (var i = 0; i < 4; i++) {   
        for (var j = 0; j < 5; j++) {   
            if ((i % 2) == 0) {
                document.write("<td>");
                document.write(num += 5);
                document.write("</td>");

            } else {

                document.write("<td>");
                document.write("---");
                document.write("</td>");
            }
        }   
    }   
    document.write("</table>"); 
}

And this is the result I hope to obtain:

javascript

asked by Trujillo Silva Lila Yiseth 16.06.2016 в 05:57

source

1 answer

I do not understand ifRoom functionality on Android Variable returns to 0 when returning to main menu C #

score 2 · Answer 1

To make the table you mention, you could do something like this:

function tabla(){
  var t = "<table border='3' bgcolor='aqua'>";
  var num=1, resultado=0;
  
  for(var i=0; i<5; i++){
    t += "<tr>";
    for (var j=0; j<5; j++){
      if ((j%2)=== 0) {
        t += "<td>";
        resultado = num * 5;
        t += resultado;
        t += "</td>";
        num++;
      }else{
        t += "<td>";
        t += "---";
        t += "</td>";
      }
    }
    t += "</tr>";
  }
  t += "</table>";
  document.getElementById("demo").innerHTML= t;
}
tabla();

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Demo</title>
</head>
<body>
<div id="demo">
</div>
</body>
</html>