Разбираюсь с классами в JS и для закрепления материала решил создать себе задачу, телефонная книга
Есть поле и туда забиваешь Имя и Контакты, когда нажимаешь кнопку результаты должны записаться в объект и появиться ниже
Основную логику я сделал, но вопрос, как сделать так чтобы Контакты появлялись в низу бесконечно? Тоесть вот у меня сейчас там есть p и я с помощью innerHTML Туда забиваю, но это не так должно работать, ибо объектов будет много и они должны постоянно появляться друг за другом внизу. Как?
А также вопрос, как сделать так чтобы постоянно создавался новый объект? Тоесть вот я когда ввожу значения, то меняются свойся name и phone у одного объекта, а мне же нужно чтобы эти объекты дублировались, чтобы они не были одинаковым
https://jsfiddle.net/71srugza/ - мой код
А еще я нашел реализацию такой книги у одного человека и он для Отрисовки, Забивки контакта создает другие классы, но зачем если это делается в методе, а class не для этого. Это он не прав или я что-то не понимаю?
//уровень данных
class GetContact {
constructor(name,phone,email){
this.name = name;
this.phone = phone;
this.email = email;
}
};
//уровень логики
class ContactEdit extends GetContact {
//массив контактов
//методы для добавления и удаления классов
//метод для поиска по подстроке
};
//уровень графики
class TableEdit extends ContactEdit {
//метод для добавления данных в таблицу
};
function submitForm(form) {
let name = form.name.value;
let phone = form.phone.value;
let email = form.email.value;
let newUser = new GetContact(name,phone,email);
//вызываем методы классов
};
