TypeScript: робота з input, select, radiobuttons, checkbox. Вчимося записувати та читати інформацію
HTML-код
- Опубликовано: 5 июн 2024
- 🔥 Посилання на курс: itgid.info/ua/course/ts
❤️ Подякувати автору:
монобанк: 5375414126666006
Лущенко О.
Отримати курс в кабінеті: cabinet.itgid.info
Посилання на спрінт: itgid.info/ua/course/ts/ts-sp...
Спитай автора: t.me/itgid_info
Курси автора:
HTML : itgid.info/ua/course/html
JavaScript 2.0: itgid.info/ua/course/js20
ReactJS: itgid.info/ua/course/reactjs
Інтернет магазин: itgid.info/ua/course/nodeshop
Канал UA: / @itgidua-web7836
Канал ru: / itgid
Вчимося читати та писати інформацію в елементи на сторінці HTML. Вивчаємо як працювати з input, отримувати та записувати value, як отримувати value з select елемента, як працювати з radiobuttons, checkbox. Вчимося працювати з парними елементами HTML. Вивчаємо що таке HTMLElement, HTMLInputElement, HTMLSelectElement.
00:00 Створюємо структуру для роботи
03:10 Записуємо інформацію до парного тегу
06:00 Отримуємо інформацію із парного тегу
08:10 Запис value input TypeScript
13:30 Отримання value з input
14:20 Отримуємо стан та value checkbox TypeScript
16:20 Працюємо з radiobuttons у TypeScript
18:30 TypeScript та Select
21:50 Перевірка елемента перед роботою з властивостями
ItGid.info - курси Олександра Лущенко
Початок дуже зрозумілий
Дякую за вашу роботу
Цікаво розповідаєте. Дякую)
Дякую.
підтримка україномовного контенту ✌✌✌💛💙
Дякую
Цікаво чому таким чином це працює
const n = document.querySelector('.inp-1') as HTMLInputElement;
n.value = String(2);
console.log(n);
а туСтрінг безсилий
const n = document.querySelector('.inp-1') as HTMLInputElement;
n.value = 2.toString();
console.log(n);
Каже що Type 'number' is not assignable to type 'string', але ж накой ляд стрінгам метод туСтрінг?)
спробуйте покласти 2 у змінну, і використати змінна.toString()
і напишіть результат