Как сделать Квиз (Quiz / Викторина / Опрос) на JS?

  Переглядів 32,428

Просто: разработка

Просто: разработка

3 роки тому

В этом видео JS! Много JS-а... Почти 100 строк -))
Тут вы увидите разные типы данные, делегирование событий, разные виды циклов, всякую интересную логику... Ах да, ну и реализацию, собственно, Квиза...

КОМЕНТАРІ: 61
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
😎 Получить исходники и другие преимущества - boosty.to/prostorazrabotka ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/
@luccaimmanuel7664
@luccaimmanuel7664 3 роки тому
a tip : watch series on flixzone. Been using them for watching all kinds of movies recently.
@charlesraylan6835
@charlesraylan6835 3 роки тому
@Lucca Immanuel Definitely, been using flixzone for months myself :D
@user-if1dj7fy2y
@user-if1dj7fy2y 27 днів тому
Браво 🎉 чудесно звучит 😊 а Когда же будет продолжение этой темы разговора 😊
@shurinskiy
@shurinskiy 2 роки тому
Спасибо, отличный туториал. Все предельно понятно и практически полезно.
@Denzik89
@Denzik89 3 роки тому
С возвращением учитель !!! Падаваны заждались тебя!
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Спасибо -)
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Да-да, давно не было видосов, знаю.. -)
@user-ev7zo7jd1y
@user-ev7zo7jd1y 3 роки тому
Сегодня начал искать как сделать квиз и тут ты)
@mirjavkhardjavkharov2508
@mirjavkhardjavkharov2508 3 роки тому
Обрадовал))) Топчик
@user-ei6wy1ew9f
@user-ei6wy1ew9f 3 роки тому
Виталий с возвращением! Рад видеть новый ролик))
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Спасибо -)
@dreamspiring04
@dreamspiring04 2 місяці тому
Большое спасибо за такое полезное видео! Благодаря Вам сделала свой первый квиз)) Мне понравился опыт!
@user-kg5xc5nz1o
@user-kg5xc5nz1o 2 роки тому
Спасибо за туториал. А возможно ли сделать опрос, где в зависимости от введенных параметров выдается разный результат?
@user-cj7if7us8u
@user-cj7if7us8u 3 роки тому
Спасибо!
@VIMPdev
@VIMPdev 3 роки тому
Отлично!
@user-kh7fv5rn1g
@user-kh7fv5rn1g 3 роки тому
Давняя моя мечта - создать КВИЗ. очень актуально. Thank's
@kotshredengera1498
@kotshredengera1498 2 роки тому
А на сколько правильно делать переход по вопросам через data-set? Безопаснее создать внутри кода переменную и изменять её ну и хотел сказать благодарность, а то по мере написания кода на js выработалось отвращение к его синтаксису, а у вас код выглядит красивым и приятно на него смотреть
@daniilthegunner843
@daniilthegunner843 3 роки тому
Друг, какой у тебя мак? в м1 собираешься переобуваться?)
@Dreadlight92
@Dreadlight92 2 роки тому
Огонь видос
@kotlancer
@kotlancer 3 роки тому
Ну всё, можно пилить курс по какому-то из js фреймворков))
@user-ns4nj6sr7o
@user-ns4nj6sr7o 3 роки тому
Спасибо
@weev4431
@weev4431 3 роки тому
Ура!
@manvelmkrtchyan3060
@manvelmkrtchyan3060 3 роки тому
наконец-то
@malditomes2220
@malditomes2220 2 роки тому
а как сделать то же самое только на php то-есть с возможностью создавать вопросы и хранением результатов
@JesseJames-mh5kb
@JesseJames-mh5kb 3 роки тому
Ооо красава!) Я как то просил сделать урок по квизу и ты его сделал) причем урок на час! С меня лейкоцит!
@ndqwdfewfe4504
@ndqwdfewfe4504 Рік тому
Стоит использовать innerHTML? Начал гуглить, пишут что не стоит
@Kempriol
@Kempriol 3 роки тому
а теперь тест надо покрыть тестами)
@daniilthegunner843
@daniilthegunner843 3 роки тому
больше подобного контента!
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Ну вон там несколько подобных уже есть, изучайте -)
@uncle_ara
@uncle_ara 3 роки тому
А как сделать, чтобы все тесты были на одной сранице?
@gterafox1064
@gterafox1064 Рік тому
Подскажите программу на которой вы все это пишите
@webdevelopers.7320
@webdevelopers.7320 2 роки тому
Что делать если на 47:43 не показывает так как на видео, а показывает просто последний вопрос по 2 раза
@user-id1bf2zu5q
@user-id1bf2zu5q 3 роки тому
Подскажите, пожалуйста, как вы редактируете несколько строк одновременно?
@user-wh7kf4ud6b
@user-wh7kf4ud6b 3 роки тому
alt + кликаешь мышкой, зависит от ide
@user-id1bf2zu5q
@user-id1bf2zu5q 3 роки тому
@@user-wh7kf4ud6b спасибо)
@baier5473
@baier5473 3 роки тому
Только неделю назад сам пытался сделать)
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Вот и замечательно)
@ivanfomichev3723
@ivanfomichev3723 3 роки тому
Он вернулся!
@webdevelopment5337
@webdevelopment5337 3 роки тому
Лайк
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Спасибо
@Arhstalk
@Arhstalk 3 роки тому
Чёт не понял ща, id же только один может быть в документе html или всё же нет?
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Я где-то использовал одинаковый id несколько раз?
@Arhstalk
@Arhstalk 3 роки тому
@@prosto_razrabotka нет, просто и в учебниках по html и Вы в своих уроках говорили, что id может быть всего один. Может Я не так понял.
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Id=quiz Id-ключ, quiz - значение. На странице должно быть только 1 такое значение. Ключей - сколько угодно
@Arhstalk
@Arhstalk 3 роки тому
@@prosto_razrabotka понял, спасибо.
@Ddddddddyu
@Ddddddddyu 7 місяців тому
А не проще было сделать на реакт?
@agilkerimov
@agilkerimov 3 роки тому
А что если для рендеринга использовать mustache?
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
Не имею опыта работы с ним, но на сколько помню - это какой-то шаблонизатор, так что в принципе, думаю можно скрестить.
@agilkerimov
@agilkerimov 3 роки тому
@@prosto_razrabotka да, семейство шаблониазторов. handlebars например. что лично мне там нравится, не нужно писать вложенные функции, в нем можно перебирать вложенные конструкции типа {question:"blabla", answers: ["blabl", "blabla"]}
@StrongCoder-gs6kb
@StrongCoder-gs6kb Рік тому
15:38
@dannac8207
@dannac8207 3 роки тому
Клас
@user-di4zt3br5m
@user-di4zt3br5m 3 роки тому
+
@prosto_razrabotka
@prosto_razrabotka 3 роки тому
=
@alym.aleksey
@alym.aleksey 3 роки тому
не самое удачная реализация задачи, как по мне
@detro1821
@detro1821 2 роки тому
а что не так?
@problems-om6cw
@problems-om6cw Рік тому
Очень много чего лишнего некоторые действия просто по несколько раз повторял
@Himera1983
@Himera1983 5 місяців тому
Не очень красиво. Ужасно
Как сделать Плагин на JS?
36:20
Просто: разработка
Переглядів 7 тис.
Піхотинець - про рутину на фронті
00:46
Суспільне Новини
Переглядів 1,2 млн
Она Постояла За Себя! ❤️
00:25
Глеб Рандалайнен
Переглядів 3,2 млн
How To Make Toggle Button Using HTML & CSS
5:27
MakeTechStuff
Переглядів 60 тис.
Egg Drop From Space
26:57
Mark Rober
Переглядів 99 млн
Верстка звездатого рейтинга
8:36
Просто: разработка
Переглядів 14 тис.
Quiz (Квиз) за 10 минут на Wordpress
18:07
Vel Wild
Переглядів 12 тис.
Как сделать слайдер на JS?
27:37
Просто: разработка
Переглядів 89 тис.
Піхотинець - про рутину на фронті
00:46
Суспільне Новини
Переглядів 1,2 млн