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 - курси Олександра Лущенко

Комментарии • 7

  • @vlad2153
    @vlad2153 3 месяца назад

    Початок дуже зрозумілий
    Дякую за вашу роботу

  • @agony4181
    @agony4181 5 месяцев назад

    Цікаво розповідаєте. Дякую)

  • @user-gb2lj3zm7j
    @user-gb2lj3zm7j 6 месяцев назад +1

    підтримка україномовного контенту ✌✌✌💛💙

  • @agony4181
    @agony4181 5 месяцев назад

    Цікаво чому таким чином це працює
    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', але ж накой ляд стрінгам метод туСтрінг?)

    • @itgidua-web7836
      @itgidua-web7836  4 месяца назад

      спробуйте покласти 2 у змінну, і використати змінна.toString()
      і напишіть результат