Отображение всех данных через class

165
15 марта 2019, 16:30

Объявленные в js сотрудники должны появляться в HTML все один за одним, а отображается только последний.

'use strict'; 
 
class Worker { 
    constructor(name,city,age,contractDate,standing,salary){ 
        this.name = name; 
        this.city = city; 
        this.age = age; 
        this.contractDate = contractDate; 
        this.standing = standing; 
        this.salary = salary; 
    } 
     
    print(){ 
      let report = document.getElementById('report'); 
      report.innerHTML = ` 
        Имя: ${this.name} <br> 
        Город: ${this.city} <br>  
        Возраст: ${this.age} <br> 
        Дата контракта: ${this.contractDate} <br> 
        Стаж: ${this.standing} <br> 
        Оклад: ${this.salary} <br> 
        Уволен <input type="checkbox"> 
`; 
    } 
} 
 
let worker1 = new Worker('Александр', 'Минск', 32, '15.08.2018', '???','1000USD'); 
let worker2 = new Worker('John', 'Vilnius', 35, '02.11.2017', '???', '800USD'); 
 
worker1.print(); 
worker2.print();
<p id="report"></p>

Answer 1

Вы переназначаете, а надо добавлять.

  report.innerHTML += `
    Имя: ${this.name} <br>
    Город: ${this.city} <br> 
    Возраст: ${this.age} <br>
    Дата контракта: ${this.contractDate} <br>
    Стаж: ${this.standing} <br>
    Оклад: ${this.salary} <br>
    Уволен <input type="checkbox"> <br>
  `;
READ ALSO
event.preventDefault() не работает в Firefox

event.preventDefault() не работает в Firefox

С помощью стрелок на клавиатуре нужно перемещать фокус по ряду селектовЧтобы избежать смены options при перемещении по селектам применяется...

146
Невыполненые обещания JS

Невыполненые обещания JS

Если постоянно не выполнять обещания в js, ни reject, ни resolve, то будут ли утечки памяти?

154
поиск на страничке

поиск на страничке

Народ, подскажите новичкуЕсть URL странички в интернете, там есть параграф , который я хотел бы читать с помощью JS и отображать у себя на страничке...

115
Как сделать insert with update?

Как сделать insert with update?

Есть таблица A(id, b_id, value) в которой столбец b_id ссылается на столбец id таблицы B(id, value)Раньше значение value хранилось в таблице A, но сейчас добавилась...

141