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

Поділитися
Вставка
  • Опубліковано 3 жов 2024

КОМЕНТАРІ • 112

  • @Camomile-c3k
    @Camomile-c3k 2 місяці тому

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

  • @m_mariya_mari
    @m_mariya_mari 3 роки тому +21

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

  • @andreiribac6284
    @andreiribac6284 3 роки тому +6

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

  • @m2in-mandms
    @m2in-mandms 3 роки тому +6

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

  • @КириллТимофеев-п1л
    @КириллТимофеев-п1л 3 роки тому +6

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

  • @ЕжиХороши
    @ЕжиХороши 3 роки тому +5

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

  • @volodymyrdubinkin4823
    @volodymyrdubinkin4823 3 роки тому +1

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

  • @alien2364
    @alien2364 3 роки тому +3

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

    • @itgid
      @itgid  3 роки тому +1

      спасибо!

  • @ИгорьКараваев-м2з
    @ИгорьКараваев-м2з 2 роки тому +1

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

  • @eugenia9999
    @eugenia9999 3 роки тому +4

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

  • @ЛевАронов
    @ЛевАронов 3 роки тому

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

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

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

  • @Lucerbius
    @Lucerbius Рік тому

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

  • @jinke5935
    @jinke5935 3 роки тому

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

  • @yakub8798
    @yakub8798 3 роки тому +2

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

  • @mind150
    @mind150 3 роки тому +2

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

    • @itgid
      @itgid  3 роки тому

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

    • @mind150
      @mind150 3 роки тому

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

    • @zizzxiii2714
      @zizzxiii2714 3 роки тому +1

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

  • @qazqaz6215
    @qazqaz6215 2 роки тому

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

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 3 роки тому

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

  • @ch20babiciarcadii36
    @ch20babiciarcadii36 3 роки тому

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

  • @kennygogogo3931
    @kennygogogo3931 Рік тому

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

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

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

  • @ИлимАйтибаев
    @ИлимАйтибаев Рік тому

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

  • @dmitriystoyanov933
    @dmitriystoyanov933 3 роки тому

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

  • @АндрейКараджов-т6х
    @АндрейКараджов-т6х 3 роки тому +1

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

  • @geek2060
    @geek2060 3 роки тому +1

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

    • @itgid
      @itgid  3 роки тому

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

  • @vladimirpuzey713
    @vladimirpuzey713 3 роки тому +1

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

  • @nso655
    @nso655 3 роки тому +4

    Спасибо!

  • @arcadiibabici7655
    @arcadiibabici7655 Рік тому

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

  • @Медитация-ц1о
    @Медитация-ц1о Рік тому

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

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

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

  • @alexforos5425
    @alexforos5425 3 роки тому

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

  • @olgamuz5044
    @olgamuz5044 3 роки тому

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

  • @flozty9237
    @flozty9237 3 роки тому +2

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

  • @aidynimanov
    @aidynimanov 2 роки тому

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

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

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

  • @ruslan_lwow79
    @ruslan_lwow79 3 роки тому

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

  • @exploringtheworld8780
    @exploringtheworld8780 3 роки тому +2

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

  • @Наталья-я7э7в
    @Наталья-я7э7в Рік тому

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

  • @maksmaksim4803
    @maksmaksim4803 3 роки тому

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

  • @СюткинБогдан
    @СюткинБогдан 3 роки тому

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

  • @happyhomo4423
    @happyhomo4423 3 роки тому

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

  • @natashalesyk5764
    @natashalesyk5764 6 місяців тому

    Лайк😊

  • @ch20babiciarcadii36
    @ch20babiciarcadii36 3 роки тому

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

  • @nodejs-nurlibekovali3334
    @nodejs-nurlibekovali3334 3 роки тому +2

    Пасиб)

  • @ИванВерушкин-в7ю
    @ИванВерушкин-в7ю 3 роки тому

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

  • @yusif4183
    @yusif4183 3 роки тому

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

  • @raymond1489
    @raymond1489 3 роки тому +1

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

  • @qweqwe-f9w
    @qweqwe-f9w 3 роки тому

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

  • @boriskulak3613
    @boriskulak3613 3 роки тому

    Круто!

  • @FeelUs
    @FeelUs 5 місяців тому

    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

  • @timur.shhhhh
    @timur.shhhhh Рік тому

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

  • @radio-lb4dr
    @radio-lb4dr 3 роки тому +3

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

  • @MaximMoPeR
    @MaximMoPeR 3 роки тому +9

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

  • @windcrack8404
    @windcrack8404 2 роки тому

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

  • @bexruzfatullayev767
    @bexruzfatullayev767 3 роки тому

    спасибо

  • @Viktor_Dobrov74
    @Viktor_Dobrov74 2 роки тому +1

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

  • @uliev9298
    @uliev9298 3 роки тому

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

  • @justkrem7764
    @justkrem7764 2 роки тому

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

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

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

    • @itgid
      @itgid  3 роки тому

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

    • @АлександрИванов-ц6ф4в
      @АлександрИванов-ц6ф4в 3 роки тому

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

    • @itgid
      @itgid  3 роки тому +1

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

  • @yevhenlebid
    @yevhenlebid 3 роки тому +2

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

    • @justkrem7764
      @justkrem7764 2 роки тому

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

  • @ЮрійХилюк-ы3б
    @ЮрійХилюк-ы3б 3 роки тому

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

  • @serdotsenko
    @serdotsenko 2 роки тому

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

  • @Влэйпи
    @Влэйпи 3 роки тому +2

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

    • @itgid
      @itgid  3 роки тому +1

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

    • @georgepetrosyan4589
      @georgepetrosyan4589 3 роки тому

      20 kruteishix zadach

  • @malytv1170
    @malytv1170 3 роки тому +2

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

    • @itgid
      @itgid  3 роки тому +1

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

  • @sessionstart4431
    @sessionstart4431 2 роки тому

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

  • @MrS0m0S
    @MrS0m0S Рік тому

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

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

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

  • @Влад-й1в4ш
    @Влад-й1в4ш 3 місяці тому

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

  • @fdytyg____9190
    @fdytyg____9190 2 роки тому

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

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

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

    • @sergiusergiu3412
      @sergiusergiu3412 3 роки тому

      !!

    • @sergiusergiu3412
      @sergiusergiu3412 3 роки тому

      CooL. Thanks for your lessons !!

    • @itgid
      @itgid  3 роки тому

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

  • @arizonarp1213
    @arizonarp1213 Рік тому

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

  • @Медитация-ц1о
    @Медитация-ц1о Рік тому

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

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 3 роки тому

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

  • @КириллГоловнин-ф9к

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

  • @mixailfarther8927
    @mixailfarther8927 3 роки тому

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

  • @adinaizhamangulova5697
    @adinaizhamangulova5697 3 роки тому

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

  • @ConstantineKa
    @ConstantineKa 3 роки тому

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

  • @glazyrik6923
    @glazyrik6923 2 роки тому

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

  • @ayubkhan_dev
    @ayubkhan_dev 2 роки тому

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

    • @justkrem7764
      @justkrem7764 2 роки тому

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

  • @mikaelgevorgyan4521
    @mikaelgevorgyan4521 3 роки тому

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

  • @lenyacher8344
    @lenyacher8344 2 роки тому

    а где type=file?

  • @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 роки тому

    Спасибо 👍