![]() |
|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
![]() |
|
Опции темы | Поиск в этой теме |
![]() |
#1 |
Пользователь
Регистрация: 02.05.2022
Сообщений: 81
|
![]()
Приветствую всех! У меня есть верстка сайта с карточками городов, в карточке картинка , опистание, кнопка лайка и кнопка удаления элемента. Задание следующее: Добавить на страницу с помощью Java-Script(именно через дом дерево) 6 новых карточек с новыми городами. Я сделал добавление 1 карточки и она вывелась и все стили подключились. Сделал так: let element = document.querySelector(".elements")
let div = document.createElement("div") div.classList.add("element") element.appendChild(div) let btnTrash = document.createElement("button") btnTrash.classList.add("element__tr ash") div.appendChild(btnTrash) let image = document.createElement("img") image.classList.add("element__mask" ) image.src = "https://images.unsplash.com/photo-1630011575551-a07690be4c4d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8 MTh8fCVEMCVCMCVEMSU4MCVEMSU4NSVEMSU 4QiVEMCVCN3xlbnwwfHwwfHw%3D&auto=fo rmat&fit=crop&w=500&q=60" div.appendChild(image) let divGroup = document.createElement("div") divGroup.classList.add("element__gr oup") div.appendChild(divGroup) let title = document.createElement("h2") title.classList.add("element__title ") title.textContent = "Архыз" div.appendChild(title) let btnLike = document.createElement("button") btnLike.classList.add("element__lik e-button") div.appendChild(btnLike) divGroup.appendChild(title) divGroup.appendChild(btnLike) Вопрос как вывести еще 5 карточек аналогично верхней карточке, но поменяестся название города и картинка? Пробовал ради интереса дублировать код ниже и менял имена переменных, но пропадает даже та карточка которую вывел. Что посоветуете? |
![]() |
![]() |
![]() |
#2 |
Пользователь
Регистрация: 19.12.2007
Сообщений: 50
|
![]()
Выделяйте код пожалуйта. а то читать просто мука
|
![]() |
![]() |
![]() |
#3 |
Пользователь
Регистрация: 02.05.2022
Сообщений: 81
|
![]() |
![]() |
![]() |
![]() |
#4 |
Пользователь
Регистрация: 19.12.2007
Сообщений: 50
|
![]()
Вот и хорошо!
|
![]() |
![]() |
![]() |
![]() |
||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
C# Задание с деревьями 1)Построить двоичное дерево и вывести его на экран 2)построить двоичное дерево поиска | ekzo | Фриланс | 3 | 21.01.2017 06:23 |
C# Задание с деревьями 1)Построить двоичное дерево и вывести его на экран 2)построить двоичное дерево поиска | ekzo | Помощь студентам | 0 | 20.01.2017 12:00 |
2-3 дерево С++ | dimentius | Помощь студентам | 0 | 08.06.2012 17:11 |
Дерево в С# | vedro-compota | C# (си шарп) | 5 | 07.11.2010 14:02 |
Дерево на C# | Andrey_k | Помощь студентам | 1 | 13.03.2010 22:06 |