Уроки JavaScript з нуля / #12 – Робота з HTML та обробка форм за допомогою JS

preview_player
Показать описание
JavaScript легко дозволяє обробляти HTML форми на сайті. За урок ми навчимося працювати з HTML об'єктами, а також створимо веб форму та навчимося отримувати з неї дані. Отримані дані проходитимуть валідацію.

✅ Корисні посилання:

⏰ Тайм коди:
00:00 - Початок
00:23 - Вибірка об'єктів з їхнього «id»
02:41 - Робота з HTML об'єктами
05:54 - Знаходження об'єктів за тегом
11:05 - Знаходження об'єктів за класом
13:25 - Створення форми
15:50 - Відстеження надсилання даних
19:30 - Отримання даних із форми
22:30 - Валідація даних
29:30 - Переадресація користувача
30:24 - Обробник події «eventListener»
34:10 - Заключна частина

✔ -------------

#уроки #програмування
  1. Школа програмування
  2. Робота з HTML
  3. javascript html
  4. javascript dom
  5. javascript
  6. js
Рекомендации по теме
Изучи JavaScript за 0:05:33

Изучи JavaScript за 5 минут в 2023

Как учить JavaScript 0:06:00

Как учить JavaScript в 2024 году ? Как я учил JavaScript

JavaScript - Полный 10:55:34

JavaScript - Полный Курс JavaScript Для Начинающих [11 ЧАСОВ]

JavaScript c Нуля 6:55:31

JavaScript c Нуля - Курс для начинающих с практикой БЕЗ ВОДЫ

Учишь JavaScript с 0:00:14

Учишь JavaScript с нуля? Тогда держи БЕСПЛАТНЫЙ курс по Js | программирование с нуля...

Учи JavaScript с 0:00:10

Учи JavaScript с нуля даже на работе | ПРОГРАММИРОВАНИЕ

JavaScript для начинающих 6:46:14

JavaScript для начинающих 2024. Полный курс за 6 часов. Уроки. Теория + практика...

Игра на JavaScript 0:15:06

Игра на JavaScript с нуля для начинающих. ОЧЕНЬ ПРОСТО!

Осваиваем JavaScript с 0:00:26

Осваиваем JavaScript с нуля 2024 #программирование #софт #айти

JavaScript с нуля 0:52:53

JavaScript с нуля для начинающих. Урок 1: Основы. 2024

Платформа для изучения 0:00:18

Платформа для изучения JavaScript с нуля или Java с нуля | 70 языков программирования!...

Уроки JavaScript з 0:07:46

Уроки JavaScript з нуля / #1 – Основи мови JS для початківців. Що до чого?...

Ускоренный Курс по 9:43:31

Ускоренный Курс по Современному JavaScript 👨‍💻 с Нуля 👍 | JavaScript Уроки Visual Studio...

Javascript с нуля 0:53:17

Javascript с нуля - твой быстрый старт! Уроки по javascript для начинающих...

Практика JavaScript с 2:03:50

Практика JavaScript с нуля за 2 часа. Сделаем целый сайт!

Изучай JavaScript с 0:00:11

Изучай JavaScript с нуля или HTML CSS с нуля на этом сайте!

JS Шпаргалка для 0:00:13

JS Шпаргалка для изучения javascript с нуля

Подробный план изучения 0:27:08

Подробный план изучения JavaScript с нуля

Javascript с нуля 0:15:36

Javascript с нуля | Урок 1 | JS

Неоновый курсор на 0:00:18

Неоновый курсор на CSS и JS #frontend #javascript #css #html

Учи javascript с 0:00:11

Учи javascript с нуля с этой JS шпаргалкой, бро

Изучите JavaScript за 0:00:35

Изучите JavaScript за 30 дней с нуля

Изучение JavaScript в 0:56:03

Изучение JavaScript в одном видео уроке за час!

Как начать программировать 0:00:41

Как начать программировать с нуля

Комментарии
Автор

дуже круто розказано, в кінці не сильно второпав про перезавантаження, але вцілому дуже зрозуміло

maxympanichek
Автор

якщо написати текст через двійні лапки і залишити апостроф, воно буде працювати?

qwerty-ii
Автор

Друже, нічого не зрозуміло, передивлявся багато разів title в 10:08 причом тут я не зроз

Romchhik
Автор

Не проходить перевірку на відсутність символу @

artemkosolap
Автор

Хороший урок. Тiльки у мене пiсля переробки на eventlistener у мене перестало перевiряти поле gender. По вiдеоуроку до цiэi перевiрки не дiйшли. В консолi gender = 0. Я дописав в умовi gender == null || gender.value == '' || gender.value == 0, але все одно не працюэ.

ВладиславСоколенко-уй
Автор

навіщо забивати початківцям голову змінною var? вона вже давно legacy як і innerText. document.querySelector(All) () працює значно швидше ніж getElementBy... Form.reset() не вистачає. Вибачте, але начіб-то відео від 2023 р.

ЕвгенияОдесса-уи