JavaScript получаем данные из input, select, checkbox, range, radio, textarea, form

Поделиться
HTML-код
  • Опубликовано: 10 ноя 2024

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

  • @m_mariya_mari
    @m_mariya_mari 3 года назад +21

    Спасибо большое! Даете супер понятное объяснение. Вы - лучший преподаватель JS !

  • @andreiribac6284
    @andreiribac6284 3 года назад +6

    Низкий поклон за ваш труд!

  • @Camomile-c3k
    @Camomile-c3k 3 месяца назад

    Большое спасибо за такое подробное, а главное понятное, объяснение.

  • @m2in-mandms
    @m2in-mandms 3 года назад +6

    здравствуйте, Александр. Я веду курсы основ JS для школьников и с удовольствием разбираю со своими учениками Ваши практические уроки из видео. Спасибо Вам большое, Ваши идеи мне ОЧЕНЬ помогают сделать занятия более привлекательными. При разборе основ ввода обратил (а точнее обратили внимание ученики) внимание, что для тэга input c атрибутом type="number" помимо цифр набирается латинская е (видимо из-за экспоненциального представления чисел - опять заметили ученики :)). Избавиться от "назойливой" е удалось только через события клавиатуры... за что Вам ещё одно спасибо :) С удовольствием и уважением слежу за Вашими работами. Удачи Вам.

  • @alien2364
    @alien2364 3 года назад +3

    Спаасибо, открыл для себя новый великолепный канал!

    • @itgid
      @itgid  3 года назад +1

      спасибо!

  • @ИгорьКараваев-м2з
    @ИгорьКараваев-м2з 2 года назад +1

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

  • @ИлимАйтибаев
    @ИлимАйтибаев Год назад

    Очень крутой канал, спасибо Вам.

  • @ЛевАронов
    @ЛевАронов 3 года назад

    Огромное спасибо вам!! Сначала недооценил ваш канал, а сейчас понял насколько же здесь много информации! Спасибо!!!!

  • @mind150
    @mind150 3 года назад +2

    It-gid - это как приговор))) неделю как учусь, и уже решил скупать все курсы, это как свой маленький мир))))
    Александр, мне кажется, вам надо сделать что-то вроде группы/сообщества/субкультуры. чтобы люди могли общаться, переписаться, и тд!

    • @itgid
      @itgid  3 года назад

      так есть - раньше было 2 чата, сейчас один

    • @mind150
      @mind150 3 года назад

      @@itgid ну в нем все же, проверка ДЗ. А свободного общения нет.
      или же я не о том говорю)

    • @zizzxiii2714
      @zizzxiii2714 3 года назад +1

      Где купить курсы? Мне понравились уроки на этом канале! Все доступно и понятно! Смотрю с удовольствием! В то время как на других видео курсах все сложно и не понятно для начинающих.

  • @КириллТимофеев-п1л
    @КириллТимофеев-п1л 3 года назад +6

    Спасибо за очень полезный урок!

  • @НаталияЖирнова-д3м
    @НаталияЖирнова-д3м 3 года назад

    Огромное Вам спасибо! Нигде не могла найти решение своей проблемы. После Вашего урока всё стало просто!!!

  • @ЕжиХороши
    @ЕжиХороши 3 года назад +5

    Очень интересно и понятно, спасибо Вам!

  • @eugenia9999
    @eugenia9999 3 года назад +4

    лайк полнейший !!)) Спасибо, всё очень понравилось !!!)) ☺👍😎

  • @jinke5935
    @jinke5935 3 года назад

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

  • @ch20babiciarcadii36
    @ch20babiciarcadii36 3 года назад

    Спасибо большое! Даете супер понятное объяснение. Вы - лучший из лучших по JS !

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 3 года назад

    Самые интересные и всегда прям 😁😁😁формы одни из важных!!

  • @yakub8798
    @yakub8798 3 года назад +2

    спс вам за ваши уроки которые вы для нас делаете !!!

  • @Lucerbius
    @Lucerbius Год назад

    Классный урок, потому что автор хорошо подготовился.

  • @kennygogogo3931
    @kennygogogo3931 Год назад

    супер, очень детально. респект Вам.

  • @volodymyrdubinkin4823
    @volodymyrdubinkin4823 3 года назад +1

    За Winamp прям отдельный лайк бы поставил))

  • @qazqaz6215
    @qazqaz6215 2 года назад

    Отлично. Мне , как новичку, почти понятно всё.

  • @vladimirpuzey713
    @vladimirpuzey713 3 года назад +1

    Класс) Как раз дорешал задачи в курсе JS 2.0 unit 4 и бах - 30 минут разбора, клёво!) Курс топ, задачи огонь, спасибо! Обязательно возьму ещё методы массивов)

  • @ДмитрийБогдан-б4д

    Было ОЧЕНЬ интересно, узнал много нового.

  • @geek2060
    @geek2060 3 года назад +1

    Мужик, я люблю тебя! Спасибо за видео!

    • @itgid
      @itgid  3 года назад

      а вот приятно такое слышать. Утирая слезу.

  • @dmitriystoyanov933
    @dmitriystoyanov933 3 года назад

    Хоть я это и прошел давно, но очень хорошо освежить в памяти! Спасибо.

  • @olgamuz5044
    @olgamuz5044 3 года назад

    Спасибо большое, ваш код мне очень помог!!!!!Спасибо что вы есть))

  • @АндрейКараджов-т6х
    @АндрейКараджов-т6х 3 года назад +1

    Очень полезно и понятно! Спасибо огромное за ваш труд.

  • @Медитация-ц1о
    @Медитация-ц1о 2 года назад

    Пасиб. Проходил видео где с 4-ого захода... по чучуть)

  • @FeelUs
    @FeelUs 6 месяцев назад

    1:30 input type text
    4:55 input type number
    6:55 imput type color
    8:08 input type date
    9:46 input type range
    11:15 input type checkbox
    16:25 input type radiobutton
    22:46 input type password
    24:10 input type email
    24:30 select option
    26:52 textarea
    27:40 form

  • @alexforos5425
    @alexforos5425 3 года назад

    Спасибо большое за ваши уроки.

  • @aidynimanov
    @aidynimanov 2 года назад

    Спасибо большое за ваш труд!

  • @АлексейЛоскутников-ю4р

    Спасибо за урок.

  • @ВикторияИльина-н7о
    @ВикторияИльина-н7о 3 года назад

    Cпасибо большое! Очень полезное видео!

  • @arcadiibabici7655
    @arcadiibabici7655 Год назад

    Спасибо большое!

  • @maksmaksim4803
    @maksmaksim4803 3 года назад

    Материал офигенный!

  • @nso655
    @nso655 3 года назад +4

    Спасибо!

  • @flozty9237
    @flozty9237 3 года назад +2

    Офигеть! Спасибо)

  • @raymond1489
    @raymond1489 3 года назад +1

    Полезных урок для начинающих, но я бы все таки делал правильно: создал бы класс и функции, так как очень много повторяющегося кода, про DOMContentLoaded тоже не стоит забывать.

  • @ruslan_lwow79
    @ruslan_lwow79 3 года назад

    круто! зрозуміле пояснення ! +

  • @happyhomo4423
    @happyhomo4423 3 года назад

    отличный материал, спасибо!

  • @exploringtheworld8780
    @exploringtheworld8780 3 года назад +2

    Спасибо👍👍👍👍👍😊😊😊

  • @СюткинБогдан
    @СюткинБогдан 3 года назад

    Спасибо огромное, вы очень хорошо объясняете)

  • @Наталья-я7э7в
    @Наталья-я7э7в Год назад

    Отлично!!!!!!

  • @MaximMoPeR
    @MaximMoPeR 3 года назад +9

    Здравствуйте Александр! Спасибо большое за ваши видео, вы очень хорошо объясняете. Я бы хотел попросить у вас. Можете ли вы пожалуйста снять видео о том, как сохранять обьекты в localStorage? Я смотрел ваше видео о localStorage, а как сохранять объекты так и не понял. Спасибо за прочтение, буду очень благодарен.

  • @radio-lb4dr
    @radio-lb4dr 3 года назад +3

    У вас отлично получатся подавать материал.. Нет ли у вас урока по валидации форм регистрация/авторизация.. Видосы по этой теме есть, но они больше учебные а хотелось бы что нибудь максимум приближенное к боевым проектам.. Спасибо за ваш труд.

  • @ИванВерушкин-в7ю
    @ИванВерушкин-в7ю 3 года назад

    отличная подача

  • @yusif4183
    @yusif4183 3 года назад

    Отличное видео.

  • @nodejs-nurlibekovali3334
    @nodejs-nurlibekovali3334 3 года назад +2

    Пасиб)

  • @qweqwe-f9w
    @qweqwe-f9w 3 года назад

    Топчик, спасибо

  • @natashalesyk5764
    @natashalesyk5764 7 месяцев назад

    Лайк😊

  • @timur.shhhhh
    @timur.shhhhh Год назад

    13:33 да, да, только точку)

  • @boriskulak3613
    @boriskulak3613 3 года назад

    Круто!

  • @yevhenlebid
    @yevhenlebid 3 года назад +2

    Не совсем понял откуда берется data в примере с radio, ведь она не обьявлена

    • @justkrem7764
      @justkrem7764 2 года назад

      Тоже такой момент заметил, если ранее он присвоил значение к data, то потом закомментил его, но оно все равно работает, новичкам конечно такое нужно объяснять

  • @ch20babiciarcadii36
    @ch20babiciarcadii36 3 года назад

    СуперЛАЙК!!!

  • @fdytyg____9190
    @fdytyg____9190 2 года назад

    А как по нажатию enter отправить дание без кнопки submit?

  • @АлександрИванов-ц6ф4в

    эх дядя саша дядя саша - по поводу селектов рассказали бы как опшены не хардкодить а получать из вне - например из массива или json файла

    • @itgid
      @itgid  3 года назад

      Да без проблем. И с файла и с базы, и по AJAX запросу - только тема другая.

    • @АлександрИванов-ц6ф4в
      @АлександрИванов-ц6ф4в 3 года назад

      @@itgid а я пересмотрел все ваши видосы -- что то такого не помню

    • @itgid
      @itgid  3 года назад +1

      @@АлександрИванов-ц6ф4в вы не поняли - сделать не проблема. Но есть тематика канала - здесь видео для начинающих.

  • @ConstantineKa
    @ConstantineKa 3 года назад

    Подскажите кто-нить регулярное выражение на вставку ifame-а Яндекс-денег(Юмани):
    document.getElementById('textArray').value.replace("как получить двойные кавычки", "и заменить их на одинарные")
    Для последующего сохранения в JSON?

  • @adinaizhamangulova5697
    @adinaizhamangulova5697 3 года назад

    А как брать значения с input type='url'?, тоже через value?

  • @arizonarp1213
    @arizonarp1213 Год назад

    А как сделать так из Импута вывести на другую страницу в таблицу

  • @bexruzfatullayev767
    @bexruzfatullayev767 3 года назад

    спасибо

  • @justkrem7764
    @justkrem7764 2 года назад

    Что произошло на 21:26? Переменную data закомментили, т.е. она уже не объявлена. А понял , если испол-ть 'use strict'; то код работать вообще не будет, будет ошибка, для себя пожалуй объявлю эту переменную

  • @ЮрійХилюк-ы3б
    @ЮрійХилюк-ы3б 3 года назад

    Якщо можете розділяйте редактор на два вікна. Щоб можна було бачити візуально звідки береться який елемент. Бо так можна постійно моніторити назви змінних і легше сприймається код.

  • @serdotsenko
    @serdotsenko 2 года назад

    привет! на гитхаб ссылка в описании, не на тот репозиторий 😉

  • @Влэйпи
    @Влэйпи 3 года назад +2

    это вроде бы в вашем курсе itgid все рассказывалось?

    • @itgid
      @itgid  3 года назад +1

      не только рассказывается но и еще куча задач.

    • @georgepetrosyan4589
      @georgepetrosyan4589 3 года назад

      20 kruteishix zadach

  • @Медитация-ц1о
    @Медитация-ц1о 2 года назад

    А что означает value и InnerHtml ?

  • @АндрейДвужилов-н8ж
    @АндрейДвужилов-н8ж 3 года назад

    Спасибо за урок. Но в ссылке на github код слайдера.

  • @Viktor_Dobrov74
    @Viktor_Dobrov74 2 года назад +1

    Мужики посоветуйте пожалуйста решение:
    Задача: Есть файл docx и в нём с помощью js нужно изменить некоторое строки или слова. И дальше на печать.
    Может есть библиотеки какие ?

  • @mixailfarther8927
    @mixailfarther8927 3 года назад

    А куда сохраняются данные, нету ж localStore?

  • @sessionstart4431
    @sessionstart4431 2 года назад

    Про select - это не работает, если динамически формировать option из массива.
    И это очень печально.

  • @malytv1170
    @malytv1170 3 года назад +2

    Можно было вывести текст не на див а просто с document.body.append("Какое то значение"); И у меня вопрос как сохронит данные из input.value в localsorage?

    • @itgid
      @itgid  3 года назад +1

      можно. Именно append. Есть еще innerHTML, outerHTML...

  • @windcrack8404
    @windcrack8404 2 года назад

    Вибачте можливо звучати ламано але спасибі за навчальні відео.

  • @Влад-й1в4ш
    @Влад-й1в4ш 5 месяцев назад

    здравствуйте ролик в обшем хороший но у меня в проекте не чего из этого не работает

  • @uliev9298
    @uliev9298 3 года назад

    материал интересен

  • @MrS0m0S
    @MrS0m0S Год назад

    Тема с чекбоксом не раскрыта! бывает и два бокса, как с ними работать?

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 3 года назад

    А с checke нельзя было держать переменную и с помощью этого знака ! Менять его=))?

  • @ayubkhan_dev
    @ayubkhan_dev 2 года назад

    А где коды этого урока?)В описании не этот!

    • @justkrem7764
      @justkrem7764 2 года назад

      За 15 сек сам нашел в репозитории нужный, вы же программисты 😀

  • @КириллГоловнин-ф9к
    @КириллГоловнин-ф9к 2 года назад

    Почему одинаково работает class="out-5" и class="out-block out-5"? Это же разные названия классов.

  • @glazyrik6923
    @glazyrik6923 2 года назад

    6:23 У меня всё равно конкатенация происходит

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 3 года назад

    Обучи декораторы =)))!Пожалуйста@_@

  • @lenyacher8344
    @lenyacher8344 2 года назад

    а где type=file?

  • @АлександрИванов-ц6ф4в

    все классно но не разобрано самое важное - это когда инпутов больше чем один и классы у них одниковые - и вот как с ними работает листенер как их добавлять не перетирая предыдущие значения которые вводились - как их удалять если надо --- сам то я во всем этом разобрался потратив кучу времени - жаль этого нет в ваших видосах

    • @sergiusergiu3412
      @sergiusergiu3412 3 года назад

      !!

    • @sergiusergiu3412
      @sergiusergiu3412 3 года назад

      CooL. Thanks for your lessons !!

    • @itgid
      @itgid  3 года назад

      я же не могу покрыть все. В курсе это есть.

  • @ellapollo7315
    @ellapollo7315 Год назад

    31:35

  • @sergeygetman1973
    @sergeygetman1973 3 года назад

    опять музыка на preview "ужасы 90-х"...

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 3 года назад

    form.reset()@_@точьна!!!

  • @АлександрИванов-ц6ф4в

    дядя саша после таких видосов неокрепшие умы пытаются все впиндурить в теги форма не догадываясь что к форме можно прицепить инпуты в любой части кода/сайта -- сам это проходил и мучился решая задачи нужные заказчику

    • @itgid
      @itgid  3 года назад

      странный вывод. Т.е. 90 процентов урока проигнорировали?

    • @АлександрИванов-ц6ф4в
      @АлександрИванов-ц6ф4в 3 года назад

      @@itgid я же пишу уроки зачетные - для новичков наверное самое то, а мне уже мало вот с жиру и бешусь

  • @tawt6260
    @tawt6260 3 года назад

    0:37 Вы хреновый программист если вы не можете написать сайт за 2 секунды, дизлайк отписька :D (если что это рофл, спасибо за уроки), а если я загружаю файлы картинок , как получить данные для превьюшки? в принципе я нашел одно решение через "readAsDataURL" хотя толком так и не понял как это работает

    • @marinashustikova5954
      @marinashustikova5954 3 года назад

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

  • @dieselpower1252
    @dieselpower1252 3 года назад +2

    Благодарю за урок! Очень интересно, понятно и полезно!!!

  • @arahnid_9844
    @arahnid_9844 2 года назад

    Спасибо 👍