update script.js
This commit is contained in:
90
script.js
90
script.js
@@ -10,7 +10,7 @@ const cards = [
|
||||
forWhome:
|
||||
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis eligendi corporis repudiandae dolore possimus voluptas amet. Nisi iusto illum dignissimos soluta nemo ex temporibus autem.",
|
||||
fullDescription:
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. Earum molestiae, quis delectus expedita laboriosam odio aperiam, id amet, modi nesciunt unde. Atque ratione consectetur eaque qui aperiam a quasi deleniti? Culpa nobis excepturi delectus doloremque reprehenderit explicabo ab. Quidem, ratione! Tenetur soluta magnam enim ut eius perferendis, molestiae porro deserunt cum ex natus, eaque nihil nemo excepturi unde omnis odio asperiores assumenda, quos harum quas tempora? Ea, et.",
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. ",
|
||||
people: 10,
|
||||
},
|
||||
{
|
||||
@@ -24,7 +24,7 @@ const cards = [
|
||||
forWhome:
|
||||
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis eligendi corporis repudiandae dolore possimus voluptas amet. Nisi iusto illum dignissimos soluta nemo ex temporibus autem.",
|
||||
fullDescription:
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. Earum molestiae, quis delectus expedita laboriosam odio aperiam, id amet, modi nesciunt unde. Atque ratione consectetur eaque qui aperiam a quasi deleniti? Culpa nobis excepturi delectus doloremque reprehenderit explicabo ab. Quidem, ratione! Tenetur soluta magnam enim ut eius perferendis, molestiae porro deserunt cum ex natus, eaque nihil nemo excepturi unde omnis odio asperiores assumenda, quos harum quas tempora? Ea, et.",
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. ",
|
||||
people: 12,
|
||||
},
|
||||
{
|
||||
@@ -38,7 +38,7 @@ const cards = [
|
||||
forWhome:
|
||||
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis eligendi corporis repudiandae dolore possimus voluptas amet. Nisi iusto illum dignissimos soluta nemo ex temporibus autem.",
|
||||
fullDescription:
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. Earum molestiae, quis delectus expedita laboriosam odio aperiam, id amet, modi nesciunt unde. Atque ratione consectetur eaque qui aperiam a quasi deleniti? Culpa nobis excepturi delectus doloremque reprehenderit explicabo ab. Quidem, ratione! Tenetur soluta magnam enim ut eius perferendis, molestiae porro deserunt cum ex natus, eaque nihil nemo excepturi unde omnis odio asperiores assumenda, quos harum quas tempora? Ea, et.",
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. ",
|
||||
people: 4,
|
||||
},
|
||||
{
|
||||
@@ -52,7 +52,7 @@ const cards = [
|
||||
forWhome:
|
||||
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis eligendi corporis repudiandae dolore possimus voluptas amet. Nisi iusto illum dignissimos soluta nemo ex temporibus autem.",
|
||||
fullDescription:
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. Earum molestiae, quis delectus expedita laboriosam odio aperiam, id amet, modi nesciunt unde. Atque ratione consectetur eaque qui aperiam a quasi deleniti? Culpa nobis excepturi delectus doloremque reprehenderit explicabo ab. Quidem, ratione! Tenetur soluta magnam enim ut eius perferendis, molestiae porro deserunt cum ex natus, eaque nihil nemo excepturi unde omnis odio asperiores assumenda, quos harum quas tempora? Ea, et.",
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. ",
|
||||
people: 8,
|
||||
},
|
||||
{
|
||||
@@ -66,7 +66,7 @@ const cards = [
|
||||
forWhome:
|
||||
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis eligendi corporis repudiandae dolore possimus voluptas amet. Nisi iusto illum dignissimos soluta nemo ex temporibus autem.",
|
||||
fullDescription:
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. Earum molestiae, quis delectus expedita laboriosam odio aperiam, id amet, modi nesciunt unde. Atque ratione consectetur eaque qui aperiam a quasi deleniti? Culpa nobis excepturi delectus doloremque reprehenderit explicabo ab. Quidem, ratione! Tenetur soluta magnam enim ut eius perferendis, molestiae porro deserunt cum ex natus, eaque nihil nemo excepturi unde omnis odio asperiores assumenda, quos harum quas tempora? Ea, et.",
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. ",
|
||||
people: 5,
|
||||
},
|
||||
{
|
||||
@@ -80,7 +80,7 @@ const cards = [
|
||||
forWhome:
|
||||
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis eligendi corporis repudiandae dolore possimus voluptas amet. Nisi iusto illum dignissimos soluta nemo ex temporibus autem.",
|
||||
fullDescription:
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. Earum molestiae, quis delectus expedita laboriosam odio aperiam, id amet, modi nesciunt unde. Atque ratione consectetur eaque qui aperiam a quasi deleniti? Culpa nobis excepturi delectus doloremque reprehenderit explicabo ab. Quidem, ratione! Tenetur soluta magnam enim ut eius perferendis, molestiae porro deserunt cum ex natus, eaque nihil nemo excepturi unde omnis odio asperiores assumenda, quos harum quas tempora? Ea, et.",
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. ",
|
||||
people: 15,
|
||||
},
|
||||
{
|
||||
@@ -94,7 +94,7 @@ const cards = [
|
||||
forWhome:
|
||||
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis eligendi corporis repudiandae dolore possimus voluptas amet. Nisi iusto illum dignissimos soluta nemo ex temporibus autem.",
|
||||
fullDescription:
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. Earum molestiae, quis delectus expedita laboriosam odio aperiam, id amet, modi nesciunt unde. Atque ratione consectetur eaque qui aperiam a quasi deleniti? Culpa nobis excepturi delectus doloremque reprehenderit explicabo ab. Quidem, ratione! Tenetur soluta magnam enim ut eius perferendis, molestiae porro deserunt cum ex natus, eaque nihil nemo excepturi unde omnis odio asperiores assumenda, quos harum quas tempora? Ea, et.",
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. ",
|
||||
people: 20,
|
||||
},
|
||||
{
|
||||
@@ -108,13 +108,14 @@ const cards = [
|
||||
forWhome:
|
||||
"Lorem ipsum, dolor sit amet consectetur adipisicing elit. Omnis eligendi corporis repudiandae dolore possimus voluptas amet. Nisi iusto illum dignissimos soluta nemo ex temporibus autem.",
|
||||
fullDescription:
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. Earum molestiae, quis delectus expedita laboriosam odio aperiam, id amet, modi nesciunt unde. Atque ratione consectetur eaque qui aperiam a quasi deleniti? Culpa nobis excepturi delectus doloremque reprehenderit explicabo ab. Quidem, ratione! Tenetur soluta magnam enim ut eius perferendis, molestiae porro deserunt cum ex natus, eaque nihil nemo excepturi unde omnis odio asperiores assumenda, quos harum quas tempora? Ea, et.",
|
||||
"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est placeat ipsa rerum atque, tenetur ad facere? Voluptatibus, soluta pariatur? Excepturi laboriosam quaerat reiciendis ducimus numquam deleniti incidunt id provident inventore. Voluptatum placeat obcaecati suscipit ducimus facere reprehenderit quisquam iure illum maiores explicabo quos et vel sequi architecto, magni, ea ab? Beatae culpa in eos totam voluptatum animi soluta, nostrum officia. Officiis, accusamus est, dolor reiciendis numquam ipsa iusto quam illo vitae explicabo voluptates soluta repellendus dolorum voluptatum quis nam, autem quibusdam harum? Fugit fugiat sint voluptates facilis, magni minima sunt. ",
|
||||
people: 7,
|
||||
},
|
||||
];
|
||||
|
||||
const navigationItems = document.querySelectorAll(".nav__item");
|
||||
const url = window.location.href;
|
||||
let subscribe;
|
||||
|
||||
navigationItems.forEach((item) => {
|
||||
item.onclick = (elem) => {
|
||||
@@ -132,12 +133,7 @@ navigationItems.forEach((item) => {
|
||||
const cardsToShow =
|
||||
url === "http://127.0.0.1:5500/" ? cards : cards.slice(0, 4);
|
||||
|
||||
function setCard(card) {
|
||||
localStorage.setItem("card", card);
|
||||
location.href = "about.html";
|
||||
}
|
||||
|
||||
cardsToShow.forEach((card) => {
|
||||
cardsToShow.forEach((card, index) => {
|
||||
const div = document.createElement("div");
|
||||
div.className = "card";
|
||||
div.innerHTML = `
|
||||
@@ -149,14 +145,76 @@ cardsToShow.forEach((card) => {
|
||||
</ul>
|
||||
<p class="card__title">${card.title}</p>
|
||||
<p class="card__describe">
|
||||
${card.describe} <a href="about.html" onclick="${() => setCard(card)}" class="more">См. подробнее...</a>
|
||||
${card.describe} <a href="about.html" onclick="${() =>
|
||||
setCard(card)}" class="more">См. подробнее...</a>
|
||||
</p>
|
||||
<div class="card-inf">
|
||||
<p class="card-inf__item time">${card.time}</p>
|
||||
<p class="card-inf__item date">${card.date}</p>
|
||||
</div>
|
||||
<button onclick="${() => setCard(card)}" class="subscribe">Записаться</button>
|
||||
<button value=${index} class="subscribe">Записаться</button>
|
||||
`;
|
||||
|
||||
subscribe = document.querySelectorAll(".subscribe");
|
||||
|
||||
document.querySelector(".cards").append(div);
|
||||
});
|
||||
|
||||
subscribe.forEach((el) => {
|
||||
el.addEventListener("click", () => {
|
||||
localStorage.setItem("card", JSON.stringify(cards[el.value]));
|
||||
location.href = "about.html";
|
||||
});
|
||||
});
|
||||
|
||||
if (url === "http://127.0.0.1:5500/about.html") {
|
||||
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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user