JavaScript Solution [закрыто] ⇐ CSS

[Anonymous]

Я создал карту через HTML и CSS внутри карты, которую у меня есть видео, и ее детали (пример: продолжительность видео ,, месяц, название видео и т. Д.) Она показывает карту через HTML и CSS. Поэтому мой вопрос: всякий раз, когда я добавляю вторую карту динамически через функцию в JavaScript, ее не отображают в пользовательском интерфейсе. Пожалуйста, предоставьте мне решение < /p>
Я попытался создать карту через HTML и CSS внутри карты, которую у меня есть, и ее детали (пример: продолжительность видео, просмотры, 2 месяца, видео имя и т. д.). < /p>
ожидание < /strong>
, поэтому мой вопрос, когда я добавляю вторую карту динамически через функцию в JavaScript, которую она не показывает в UI. Пожалуйста, предоставьте мне решение < /p>

Код: Выделить всё

function cardFormat(title, name, months, duration, thumbnail){
let html=`

[img]${thumbnail}[/img]


${duration}



"${title}"
"${name}" . ${months}ago 

`

document.querySelector(".container").innerHtml = document.querySelector(".container").innerHtml + html;

}
cardFormat("Introduction to Backend | Sigma Web Dev video #2", "CodeWithHarry", 7, "31:22", "https://i.ytimg.com/vi/tVzUXW6siu0/hqdefault.jpg?sqp=-oaymwEcCPYBEIoBSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLACwWOixJVrKLFindK92kYMgTcQbw");< /code>
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:[email protected]&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
font-family: "Poppins", serif;
}
.card{

display:flex;
gap:30px;
}
.image-class img{
width:250px;
}
.container .text{
font-size: 14px;

}
.image-class{
position:relative;
}
.duration{
position: absolute;
bottom:0;
right:0;
background-color: rgba(0, 0, 0,0.7);
z-index: 10;
color: #fff;
padding:4px;
border-radius: 6px;
font-size: 13px;
}< /code>






Document







[img]https://i.ytimg.com/vi/tVzUXW6siu0/hqdefault.jpg?sqp=-oaymwEmCKgBEF5IWvKriqkDGQgBFQAAiEIYAdgBAeIBCggYEAIYBjgBQAE=&rs=AOn4CLB6VzxANxt3dHm91HW9lLfDlxvmuA[/img]


31:20



Installing VS Code & How Websites Work | Sigma Web Development Course - Tutorial #1
CodeWithHarry . 1 year ago

Подробнее здесь: https://stackoverflow.com/questions/793 ... t-solution