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

[@Lok1goD]

Привет! Слушай, у тебя очень здорово получается объяснять! И подход интересный, я видел тучу очень криво сделанных квизов, а тут прям коонфетка! Большая тебе благодарность и подписка!

[@maxgraph]

Спасибо))

[@dnilq]

Супер урок! Достаточно подробно и доступно объясняешь. Спасибо. Предлагаю добавить: 1. Кнопку назад, для корректировки ответа на предыдущий вопрос (ошибка при выборе предыдущего варианта ответа). 2. Было бы интересно узнать реализацию, ветвления вопросов в зависимости от выбранного ответа.

[@maxgraph]

1. Можно) 2. Ну это уже не квиз, а целый тест выйдет. Можно в принципе, посмотрим)

[@Михаил-п3о9ь]

@@maxgraph Реализовал кнопку назад, все тоже самое что и вперед, только this.counter--, и условие чтобы на первом вопросе кнопка не выводилась. Но не понял как сделать чтобы при возвращении назад был выбран активный пункт, или в поле ввода был ранее введенный текст, сейчас получается каждый раз заново перезаписывается

[@АлександрНастыченко-с9с]

@@Михаил-п3о9ь Я тоже только до этого допер и не получается сохранить ответы. так и не получилось?

[@Сергей-г8г6с]

Очень полезная информация!

[@dimaburichin7726]

Классный контент! Найти сейчас современные решения нужных задач очень сложно! Автору спасибо!

[@pipkin931]

Очень крутой контент. Подскажите, автор, вы в стриме не так давно, говорили про плейлист JS(vue), ещё в силе?

[@maxgraph]

Вью нескоро будет) js месяца через полтора начнёт выходить. Спасибо)

[@pipkin931]

@@maxgraph весь контент очень качественный. И картинка и темы каждого видео-уникальны. Желаю только удачи

[@maxgraph]

Спасибо)

[@lisofsky8151]

писать нужно более 7 слов для продвижения видео ! и лайкать чужие комменты ! п.с. если хотите сказать спасибо !

[@alexshev7412]

MaxGraph, можешь подсказать если tel вместо text делать, что и где надо поменять дай подсказку плз, я пытался сделать, но максимум что получилось, маска работала у одного из первых трёх элементов, на последний где телефон она никак не срабатывала....

[@sbegosayrax]

Писал вместе с Вами, огромное спасибо! Но почему-то не работает счетчик показа "1 из 3". Использовал Ваш код и точно такая же проблема =(

[@alexshev7412]

MaxGraph, если решишь доделать этот проект, сделай его сразу в новую сборку gulp плз, опыта мало, попытался встроить этот quiz туда. Когда пункты выбираю, в консоли пустые массивы показывает. Так же проблема при отправке, пишет 404 (Not Found), хотя ссылку на php file поменял в fetch("../../resources/mail-quiz.php" ... Всё равно не работает... На youtube нет норм видео на эту тему, у тебя задумка хорошая, было бы круто сделать реализацию полноценного опросника, чтобы выбор влиял на конечный результат + обработка телефона с типом tel и прогресс бар туда же и всё это в сборку завернуть и на стол подать)) с нас лайки, подписки и т.д..

[@АсяХаликова-в7б]

Еще когда в 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]

Ох спасибо тебе милсдарь! Пол дня пытался найти почему у меня последний объект не пушится в сборку! Благодарю за помощь!

[@BrestSouth]

Кто-нибудь пытался в такой квиз добавить rangeslider ?

[@detro1821]

а если вместе с текстовыми ответами в квизе есть и фото возле них? мне стоит делать их также в js разметке, давать им классы и тд?

[@maxgraph]

Ну изменять код, что ж ещё

[@eq656]

А что за тема в vscode?

[@maxgraph]

One Monokai

[@qamos5100]

Как сделать маску ввода телефона? Почему-то не получается

[@maxgraph]

Посмотрите видео про отправку данных на почту, одно из последних на канале

[@daniilthegunner843]

Покажи пожалуйста как делать хлебные крошки с параллельно изменяющимся контентом То есть есть 1уровень контента на странице - это все категории,когда нажимаешь на категорию,например,одежда,то на этой же странице рендерится только одежда со своими категориями и в хлебных крошках уже одежда добавляется. Я не могу понять саму систему. Сложно на одной странице все категории и подкатегории как-то рендерить

[@Vasili_Malai]

Возможно я не правильно понял вопрос, но как мне видится все эти категории и подкатегории реализуются на бэке

[@stainerframe7607]

Есть идея для ролика. Загрузка анимации когда доскролил до нее

[@maxgraph]

А такое уже есть) в js-решениях

[@maxstetsenko8626]

Lead Me, знакомый сайт, как связан с ним ?)

[@maxgraph]

работал с ними)

[@maxstetsenko8626]

Круто, тоже работал. Хорошие ребята

[@НиколайИванов-ж3п4л]

Внедрил у себя этот квиз, крутяк, но у меня возник вопрос, почему последний вопрос или если это форма с телефоном, не передаются? я уже всю голову сломал, HELP

[@maxgraph]

Не понял)

[@НиколайИванов-ж3п4л]

Пытаюсь сделать, чтобы данные квиза передавались на почту и последняя страница квиза не приходит на почту, какой бы она не была и я вот не понимаю почему.

[@maxgraph]

Странно, но там много вариантов может быть (

[@НиколайИванов-ж3п4л]

это очень печально. Я уже больше недели борюсь с этим недугом(

[@СергейСазонов-х4л]

могу помочь если не решили этот пункт до сих пор, при отправки данных вы проверяете последняя ли кнопка, а сами данные не добавляете в массив.... поэтому this.addToSend(); добавьте и заработает