Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 29.11.2022, 18:59   #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 карточек аналогично верхней карточке, но поменяестся название города и картинка? Пробовал ради интереса дублировать код ниже и менял имена переменных, но пропадает даже та карточка которую вывел. Что посоветуете?
Вадим Фролов вне форума Ответить с цитированием
Старый 03.12.2022, 08:35   #2
Areostar
Пользователь
 
Регистрация: 19.12.2007
Сообщений: 50
По умолчанию

Выделяйте код пожалуйта. а то читать просто мука
Areostar вне форума Ответить с цитированием
Старый 03.12.2022, 12:47   #3
Вадим Фролов
Пользователь
 
Аватар для Вадим Фролов
 
Регистрация: 02.05.2022
Сообщений: 81
По умолчанию

Цитата:
Сообщение от Areostar Посмотреть сообщение
Выделяйте код пожалуйта. а то читать просто мука
Хорошо. Вопрос решили! Cпасибо macomics
Вадим Фролов вне форума Ответить с цитированием
Старый 03.12.2022, 20:35   #4
Areostar
Пользователь
 
Регистрация: 19.12.2007
Сообщений: 50
По умолчанию

Вот и хорошо!
Areostar вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
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