No video

JS-решения №14. Создание плагина для квиза

  Рет қаралды 5,026

MaxGraph - cайты как страсть

MaxGraph - cайты как страсть

Күн бұрын

Пікірлер: 43
@dnilq
@dnilq 3 жыл бұрын
Супер урок! Достаточно подробно и доступно объясняешь. Спасибо. Предлагаю добавить: 1. Кнопку назад, для корректировки ответа на предыдущий вопрос (ошибка при выборе предыдущего варианта ответа). 2. Было бы интересно узнать реализацию, ветвления вопросов в зависимости от выбранного ответа.
@maxgraph
@maxgraph 3 жыл бұрын
1. Можно) 2. Ну это уже не квиз, а целый тест выйдет. Можно в принципе, посмотрим)
@user-vu7oy1ii3y
@user-vu7oy1ii3y 2 жыл бұрын
@@maxgraph Реализовал кнопку назад, все тоже самое что и вперед, только this.counter--, и условие чтобы на первом вопросе кнопка не выводилась. Но не понял как сделать чтобы при возвращении назад был выбран активный пункт, или в поле ввода был ранее введенный текст, сейчас получается каждый раз заново перезаписывается
@user-vk6wk8bs5m
@user-vk6wk8bs5m 2 жыл бұрын
@@user-vu7oy1ii3y Я тоже только до этого допер и не получается сохранить ответы. так и не получилось?
@Lok1goD
@Lok1goD 9 ай бұрын
Привет! Слушай, у тебя очень здорово получается объяснять! И подход интересный, я видел тучу очень криво сделанных квизов, а тут прям коонфетка! Большая тебе благодарность и подписка!
@maxgraph
@maxgraph 9 ай бұрын
Спасибо))
@user-pf7ht6th8x
@user-pf7ht6th8x 6 ай бұрын
Очень полезная информация!
@dimaburichin7726
@dimaburichin7726 3 жыл бұрын
Классный контент! Найти сейчас современные решения нужных задач очень сложно! Автору спасибо!
@pipkin931
@pipkin931 3 жыл бұрын
Очень крутой контент. Подскажите, автор, вы в стриме не так давно, говорили про плейлист JS(vue), ещё в силе?
@maxgraph
@maxgraph 3 жыл бұрын
Вью нескоро будет) js месяца через полтора начнёт выходить. Спасибо)
@pipkin931
@pipkin931 3 жыл бұрын
@@maxgraph весь контент очень качественный. И картинка и темы каждого видео-уникальны. Желаю только удачи
@maxgraph
@maxgraph 3 жыл бұрын
Спасибо)
@lisofsky8151
@lisofsky8151 3 жыл бұрын
писать нужно более 7 слов для продвижения видео ! и лайкать чужие комменты ! п.с. если хотите сказать спасибо !
@alexshev7412
@alexshev7412 Жыл бұрын
MaxGraph, если решишь доделать этот проект, сделай его сразу в новую сборку gulp плз, опыта мало, попытался встроить этот quiz туда. Когда пункты выбираю, в консоли пустые массивы показывает. Так же проблема при отправке, пишет 404 (Not Found), хотя ссылку на php file поменял в fetch("../../resources/mail-quiz.php" ... Всё равно не работает... На youtube нет норм видео на эту тему, у тебя задумка хорошая, было бы круто сделать реализацию полноценного опросника, чтобы выбор влиял на конечный результат + обработка телефона с типом tel и прогресс бар туда же и всё это в сборку завернуть и на стол подать)) с нас лайки, подписки и т.д..
@sbegosayrax
@sbegosayrax 4 ай бұрын
Писал вместе с Вами, огромное спасибо! Но почему-то не работает счетчик показа "1 из 3". Использовал Ваш код и точно такая же проблема =(
@user-xs5cb1dc6s
@user-xs5cb1dc6s 3 жыл бұрын
Еще когда в events() нажимаем кнопку Отправить, то данные тоже надо добавить this.addToSend(); events() { this.$el.addEventListener('click', (e) => { if (e.target == document.querySelector('[data-next-btn]')) { this.addToSend(); this.nextQuestion(); } if (e.target == document.querySelector('[data-prev-btn]')) { this.removeFromSend(); this.prevQuestion(); } if (e.target == document.querySelector('[data-send]')) { this.addToSend(); this.send(); } });
@Lok1goD
@Lok1goD 9 ай бұрын
Ох спасибо тебе милсдарь! Пол дня пытался найти почему у меня последний объект не пушится в сборку! Благодарю за помощь!
@alexshev7412
@alexshev7412 Жыл бұрын
MaxGraph, можешь подсказать если tel вместо text делать, что и где надо поменять дай подсказку плз, я пытался сделать, но максимум что получилось, маска работала у одного из первых трёх элементов, на последний где телефон она никак не срабатывала....
@detro1821
@detro1821 3 жыл бұрын
а если вместе с текстовыми ответами в квизе есть и фото возле них? мне стоит делать их также в js разметке, давать им классы и тд?
@maxgraph
@maxgraph 3 жыл бұрын
Ну изменять код, что ж ещё
@daniilthegunner843
@daniilthegunner843 3 жыл бұрын
Покажи пожалуйста как делать хлебные крошки с параллельно изменяющимся контентом То есть есть 1уровень контента на странице - это все категории,когда нажимаешь на категорию,например,одежда,то на этой же странице рендерится только одежда со своими категориями и в хлебных крошках уже одежда добавляется. Я не могу понять саму систему. Сложно на одной странице все категории и подкатегории как-то рендерить
@Vasili_Malai
@Vasili_Malai 3 жыл бұрын
Возможно я не правильно понял вопрос, но как мне видится все эти категории и подкатегории реализуются на бэке
@eq656
@eq656 3 жыл бұрын
А что за тема в vscode?
@maxgraph
@maxgraph 3 жыл бұрын
One Monokai
@qamos5100
@qamos5100 2 жыл бұрын
Как сделать маску ввода телефона? Почему-то не получается
@maxgraph
@maxgraph 2 жыл бұрын
Посмотрите видео про отправку данных на почту, одно из последних на канале
@stainerframe7607
@stainerframe7607 3 жыл бұрын
Есть идея для ролика. Загрузка анимации когда доскролил до нее
@maxgraph
@maxgraph 3 жыл бұрын
А такое уже есть) в js-решениях
@user-er5zx6ge1p
@user-er5zx6ge1p 3 жыл бұрын
Внедрил у себя этот квиз, крутяк, но у меня возник вопрос, почему последний вопрос или если это форма с телефоном, не передаются? я уже всю голову сломал, HELP
@maxgraph
@maxgraph 3 жыл бұрын
Не понял)
@user-er5zx6ge1p
@user-er5zx6ge1p 3 жыл бұрын
Пытаюсь сделать, чтобы данные квиза передавались на почту и последняя страница квиза не приходит на почту, какой бы она не была и я вот не понимаю почему.
@maxgraph
@maxgraph 3 жыл бұрын
Странно, но там много вариантов может быть (
@user-er5zx6ge1p
@user-er5zx6ge1p 3 жыл бұрын
это очень печально. Я уже больше недели борюсь с этим недугом(
@user-yj2me6ev1k
@user-yj2me6ev1k 3 жыл бұрын
могу помочь если не решили этот пункт до сих пор, при отправки данных вы проверяете последняя ли кнопка, а сами данные не добавляете в массив.... поэтому this.addToSend(); добавьте и заработает
@maxstetsenko8626
@maxstetsenko8626 3 жыл бұрын
Lead Me, знакомый сайт, как связан с ним ?)
@maxgraph
@maxgraph 3 жыл бұрын
работал с ними)
@maxstetsenko8626
@maxstetsenko8626 3 жыл бұрын
Круто, тоже работал. Хорошие ребята
@BrestSouth
@BrestSouth 2 жыл бұрын
Кто-нибудь пытался в такой квиз добавить rangeslider ?
JS-решения №26. Создаем свой плагин видеоплеера
2:42:10
MaxGraph - cайты как страсть
Рет қаралды 2,8 М.
JS-решения №11. Создание плагина для модальных окон
1:03:42
MaxGraph - cайты как страсть
Рет қаралды 8 М.
白天使选错惹黑天使生气。#天使 #小丑女
00:31
天使夫妇
Рет қаралды 15 МЛН
Gli occhiali da sole non mi hanno coperto! 😎
00:13
Senza Limiti
Рет қаралды 22 МЛН
Happy birthday to you by Tsuriki Show
00:12
Tsuriki Show
Рет қаралды 12 МЛН
Как сделать Квиз (Quiz / Викторина / Опрос) на JS?
56:48
Просто: разработка
Рет қаралды 33 М.
JS-плагины №11. Masonry-сетка с сортировкой и фильтрацией - izotope.js
21:30
Практика JavaScript. Создаем плагин Select с нуля
1:03:55
Владилен Минин
Рет қаралды 87 М.
JS-решения №12. Базовая анимация при скролле на чистом JS
24:19
MaxGraph - cайты как страсть
Рет қаралды 29 М.
JS-решения №17. Создаем слайдер до-после на чистом js
20:44
MaxGraph - cайты как страсть
Рет қаралды 5 М.
Redis за 20 минут
23:22
suchkov tech
Рет қаралды 130 М.
Разбор ваших работ по верстке онлайн. Советы по верстке. №37
1:51:51
白天使选错惹黑天使生气。#天使 #小丑女
00:31
天使夫妇
Рет қаралды 15 МЛН