Форум

Fireyon · #1 (**permalink**) 18.10.2017, 22:50

Привет, подмогните пожалуйста. Есть обьект и прототип. Нужно запихнуть это все в таблицу через JS, таблицу вроде получилось создать, подскажите как дальше быть?

function Stud(name, surname, group, age){
    this.name=name;
    this.surname=surname;
    this.group=group;
    this.age=age;
}
var students=[
    new Stud('vasya','pupko','php','22'),
    new Stud('kolya','zubko','java','20'),
    new Stud('tolya','tupko','front','25'),
    new Stud('vitalya','rybko','python','19'),
    new Stud('olya','lyashko','c++','28')
];

var table = "";
var rows = 4;
var cols = 5;
for (var r = 0; r < rows; r++) {
    table = table + "<tr>";
    for (var c = 1; c <= cols; c++) {
        table = table + "<td>" + c + "</td>";
    }
    table = table + "</tr>";
}
document.write("<table border=2>" + table + "</table>");

рони · #2 (**permalink**) 19.10.2017, 00:39

Fireyon,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">

</head>

<body>

<script>
function Stud(name, surname, group, age){
    this.name=name;
    this.surname=surname;
    this.group=group;
    this.age=age;
}
var students=[
    new Stud('vasya','pupko','php','22'),
    new Stud('kolya','zubko','java','20'),
    new Stud('tolya','tupko','front','25'),
    new Stud('vitalya','rybko','python','19'),
    new Stud('olya','lyashko','c++','28')
];

function tbl(data) {
    return "<table border=2>" + data.reduce(function(tb, el) {
        return tb + "<tr><td>" + Object.values(el).join("</td><td>") + "</td></tr>"
    }, "") + "</table>"
};

document.body.insertAdjacentHTML('beforeEnd', tbl(students));

</script>


</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript