54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
function fillAboutPage() {
|
|
const cardFromStorage = JSON.parse(localStorage.getItem("card"));
|
|
|
|
const div = document.createElement("div");
|
|
div.innerHTML = `
|
|
<p class="about__title">
|
|
${cardFromStorage.describe}
|
|
</p>
|
|
<div class="about-more">
|
|
<img
|
|
src="./images/house.jpg"
|
|
alt="card-image"
|
|
class="about__image"
|
|
/>
|
|
<div class="about-text">
|
|
<p class="text">
|
|
${cardFromStorage.fullDescription}
|
|
</p>
|
|
<p class="card-inf__item date">${cardFromStorage.date}</p>
|
|
<p class="card-inf__item time">${cardFromStorage.time}</p>
|
|
<p class="card-inf__item people">до ${cardFromStorage.people}</p>
|
|
<button class="enroll">Записаться</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
const div2 = document.createElement("div");
|
|
div2.innerHTML = `
|
|
<div class="card-description">
|
|
<p class="card-description__header">Тема:</p>
|
|
<p class="card-description__text">
|
|
${cardFromStorage.describe}
|
|
</p>
|
|
</div>
|
|
<div class="card-description">
|
|
<p class="card-description__header">Для кого:</p>
|
|
<p class="card-description__text">
|
|
${cardFromStorage.forWhome}
|
|
</p>
|
|
</div>
|
|
<div class="card-description">
|
|
<p class="card-description__header">Описание:</p>
|
|
<p class="card-description__text last">
|
|
${cardFromStorage.fullDescription}
|
|
</p>
|
|
</div>
|
|
`;
|
|
|
|
document.querySelector(".about-card").append(div);
|
|
document.querySelector(".about-card").after(div2);
|
|
|
|
setCards(cards.slice(0, 4));
|
|
}
|