Danya Wyse

Question

JavaScript

Простой

Как правильно повесить два или больше обработчиков на элемент?

6 подписчиков
18 нояб. 2023
886 просмотров

1

ответ

Answer 1 · 2020-05-07 01:54:02

Я тоже задавал подобного рода вопросы..
Но скажу честно, тебе не даст это никакого полезного опыта и проблему ты быстро решишь.
Потрать время, посмотри гайды, видео как делаются слайдеры, как вставляются они.
Как выглядит слайдер на чистом Js и с помощью библиотек.
Лично я использую библиотеки по типу carousel.js или slick slider , owl-carousel. Все индивидуально.
Касаемо твоего вопроса , слева текст а справа картинка - Это один блок на весь экран, допустим.
Нажимаешь на стрелочку, включается след. блок
Примерно так

<div class ="slider">
          <div class =content-1>
               <div class ="text-block">
                         some text
               </div>
               <div class ="img-block">
                       <img>
              </div>
          </div>
  <div class =content-2>
               <div class ="text-block">
                         some text
               </div>
               <div class ="img-block">
                       <img>
              </div>
          </div>
</div>

Answer 2 · 2023-04-22 11:42:13

Скачай GIT, удобная штука. По умолчанию вместо мусорного виндовского терминала ставишь и кайфуешь.

Answer 3 · 2023-04-18 21:28:22

Подключил функцию

export default function HandlebarUpdate() {
  return {
    name: "HandlebarUpdate",
    enforce: "post",
    handleHotUpdate({ file, server }) {
      if (file.endsWith(".hbs")) {
        console.log("reloading handlebar file...");
        server.ws.send({
          type: "full-reload",
          path: "*",
        });
      }
    },
  };
}

Затем в vite.config.js

import HandlebarUpdate from "./src/js/files/handlebarUpdate";
HandlebarUpdate(),

Answer 4 · 2022-09-18 14:44:40

Назначь класс диву "element" например,
Потом в js пишешь вот так
const div = document.querySelector('.element');

И код будет применяться к этому диву