Тёмный

JavaScript v.2.0 Основы ввода данных, работа с input 

WebDev с нуля. Канал Алекса Лущенко
Просмотров 107 тыс.
50% 1

Мои курсы: itgid.info/course
Курс JavaScript 2.0: itgid.info/cou...
Мой канал: / @itgid
Мой телеграм канал: t.me/jsrules

Опубликовано:

 

21 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 152   
@ВячеславШевченко-ф9ш
Я не встречал еще на просторах RU-vid более понятного, внятного и простого объяснения сложных вещей! Браво, Александр! Так держать!
@itgid
@itgid 5 лет назад
спасибо
@VladimirFedorov236
@VladimirFedorov236 2 года назад
@@itgid А можно вопрос, мы когда вешаем событие onclick, мы это делаем в данном случае на переменную button, или непосредственно на саму кнопку(на элемент button), или это вообще не принципиально?
@serzzres
@serzzres Год назад
@@VladimirFedorov236 не принципиально
@Dmitriy-k2z
@Dmitriy-k2z 2 года назад
Отличный курс!!! Два в одном: теория + практика (очевидная практика - сразу виден результат). Обычно идут тонны JS, потом тонны DOM... притом такой ненужный "груз" идет, что уже ничего не хочется. А эти уроки - идеальны просто таки. Хочется смотреть и учить. Даже усталости нет, хочется делать и делать. Как будто выпил энергетик... ))) У Александра знания сочетаются с талантом преподавания. Это редкость. Большое Вам спасибо.
@fantast2568
@fantast2568 4 года назад
Формат, изложение, подбор практики, уместный юмор, просто класс ! Очень приятно заниматься по вашим урокам.
@frontistes
@frontistes 4 года назад
"Вам просто нужно дожить до следующих уроков" 👍👍👍👍👍
@vladisvlavvlasenko
@vladisvlavvlasenko 2 года назад
Как же я сейчас вам благодарен. Вообще не понимал, как рабоать с DOM, а вы так играючи объяснили, что наконец-то понял. Огромное спасибо.
@ДмитрийВасильев-ж1е4ь
"...Вам просто нужно дожить до этого урока"... - я аж подвис на мгновение... порадовал, давай еще)))
@NightOps222
@NightOps222 5 лет назад
Просмотров меньше чем на раскрученых каналах, но по моему , это лучшие уроки по JS из тех , что я видел..
@atheroth3
@atheroth3 3 года назад
Мужик, у тебя талант объяснять. Обязательно куплю курс, как пройду бесплатный курс.
@evgenysumaev882
@evgenysumaev882 5 лет назад
Спасибо за хороший урок! Что-то впал в тупик и не знал как очищать input после ввода. А все оказалось так просто. Благодарю👍
@amiddg3463
@amiddg3463 4 года назад
Здравствуйте! Спасибо Вам за уроки! Читал учебники, пытался как-то писать код, но толку НОЛЬ... Случайно наткнулся на ваш канал и за одно видео, я узнал больше чем в учебниках. Я рад, что нашел ваши уроки! Спасибо!!!
@itgid
@itgid 4 года назад
Спасибо. Рад!
@yarjka6275
@yarjka6275 4 года назад
Идентично! Тоже очень благодарен автору.
@zarias167
@zarias167 4 года назад
это лучшее что я видел!!! Отличные уроки, не останавливайтесь!!
@AndreiS-cu2wb
@AndreiS-cu2wb 5 лет назад
Алекс, спасибо за уроки! Вы отличный преподаватель!
@ИринаКарпекина-к1ж
Я пищу от удовольствия!! Особенно, когда вы на ноль поделили! Супер!
@ИринаКарпекина-к1ж
@@АлександрШумило-ц7й Как догадался?
@ИгорьИгорев-ь5р
@ИгорьИгорев-ь5р 4 года назад
Отличное и доступное изложение материала. Порядок подачи информации отличается в лучшую сторону от других курсов.
@dimageorgiev5798
@dimageorgiev5798 5 лет назад
Моодец ! спасибо за контент ребята ставим лайкии :)
@smmiz
@smmiz 4 года назад
Лучших курсов не нашел в рунете. Спасибо!
@ihatetoys1528
@ihatetoys1528 3 года назад
Это вам не грëб***ый skillbox!!! Спасибо вам!! 🤝
@АлМ-ы8ъ
@АлМ-ы8ъ 4 года назад
Прикольно автор свое имя произнес на 20:59 (заставил невольно рассмеяться)
@АндрейЧуринов-ь8с
@АндрейЧуринов-ь8с 3 года назад
Когда на ускоренном проходишь, вообще не заметно)
@АлМ-ы8ъ
@АлМ-ы8ъ 3 года назад
@@АндрейЧуринов-ь8с а ты не проходи на ускоренном. Куда торопишься? Так детали интересные пропустишь)
@wallivalli2436
@wallivalli2436 3 года назад
Спасибо большое! Вы преподователь от Бога. Всем советую приобрести курс.
@АндрейПоляков-е5н
Автор суперский. Задания хорошие. Хочется чтобы у Александра все получилось. Те деньги, который он просит за курс - буквально ГРОШИ!!! У кого есть хоть какой-то интерес к программированию - купите, не пожалеете! Без внимания точно не останетесь!
@nikkicoldex8408
@nikkicoldex8408 2 года назад
Большое спасибо за труды! Очень понятное изложение материала.
@marattoktosunov8994
@marattoktosunov8994 2 года назад
Алекс Вы талантливо объясняете, чон рахмат !
@yuriykulinich8880
@yuriykulinich8880 Год назад
Класний курс, поки що найкращий з тих, що зустрічав. ще й безкоштовний
@qwekle456
@qwekle456 4 года назад
Пока что уровень высший, у меня была уже некая база и для закрепления материала, просто топчик Спасибо, Александр!
@aklby
@aklby Год назад
Спасибо Александр за подробное и понятное объяснение!!!
@alekseevanton
@alekseevanton 4 года назад
Превосходное начало. Выражаю сердечную Благодарность . Хм, дальше все платно? Молодец, не теряешься.
@natanrock4358
@natanrock4358 5 лет назад
Вы лучший!!!
@itgid
@itgid 5 лет назад
спасибо
@РахатБейсебаев-ь8и
Спасибо! Все понятно и доступно.
@WASP77
@WASP77 2 года назад
автор канала максимально внятно обьясняет , лайк)
@arayoflight
@arayoflight 5 лет назад
Здорово, спасибо) Было бы хорошо шрифт в редакторе увеличить.
@olegkravchenko9655
@olegkravchenko9655 5 лет назад
Да, с большим шрифтом было бы даже возможно смотреть в меньшем разрешении.
@itgid
@itgid 5 лет назад
ок!
@ВладимирВащенко-б8х
Прекрасный курс, спасибо большое. Планирую просмотреть его и если останутся вопросы взять платный курс и пройти сертификацию. Мне кажется у вас в плейлисте произошло задвоенние видео №5 и №6 и №7.
@svhanz
@svhanz 2 года назад
Если бы я начал изучать js два года сразу у Александра, я бы был сейчас капец каким крутым прогером. Бездарно потерял два года. И ведь я подписан на канал давно.
@JS-go1pu
@JS-go1pu 2 года назад
Не вы один) Всё впереди)
@viktorshatalov1920
@viktorshatalov1920 5 лет назад
Топ курс по js
@whoisit2028
@whoisit2028 4 года назад
Ребят все те у кого выбивало ошибку1!!!111 1. В засуньте 2. А если у вас с кнопкой всё впорядке НО не выгружает input посмотрите вы его в id или class засунули может быть и такое...
@itgid
@itgid 4 года назад
не нужно defer. Подключайте js правильно.
@kentforthable
@kentforthable 4 года назад
Алекс, спасибо за курс! проверьте плейлист, у вас видео "Основы ввода данных дублируется два раза"
@JoJo-yg6gr
@JoJo-yg6gr 2 года назад
Большое, спасибо!! Действительно очень полезная информация
@alyonachashchina7347
@alyonachashchina7347 Год назад
Я Вас люблю ! Спасибо !!!
@Art-M
@Art-M Год назад
Дякую, цікава подача, підбираю курс для своєї дружини, ))
@evgenykonstantinov8414
@evgenykonstantinov8414 5 лет назад
Спасибо! Александр, увеличь немного шрифт.
@itgid
@itgid 5 лет назад
ок
@VIJana79
@VIJana79 4 года назад
Какие плюсы я для себя отметила: 1. Занятия небольшие по 20 минут. За это время детально рассматривается сборка/создание какого-нибудь элемента и его работа. 2. Под каждым уроком 10-20 заданий для самоконтроля. Александр их так же проверяет. То есть информация данная на уроке капитально закрепляется и прорабатывается. 3. Под каждый курс есть отдельный чат, где можно пообщаться со студентами и с самим Александром. 4. Александр даёт не просто теорию, а всё закрепляется на конкретных примерах, то есть в процессе ты понимаешь где тот или иной код в дальнейшем применяется. 5. Я уже подсмотрела, что Александр показывает как создать полноценный проект, который можно будет использовать в своём портфолио. Причём проект с учётом современных взглядов на веб-дизайн.
@Eugene-lucky-one
@Eugene-lucky-one Год назад
спасибо за урок! 👍
@cs3913
@cs3913 3 года назад
огромное спасибо за занятие так держать !
@ВладиславЛитвинов-г6г
познавательный контент в массы
@advokats086
@advokats086 4 года назад
УРОКИ СУПЕР... !!!
@ДмитрийВолокитин-я8ф
Спасибо, полезный урок.
@ЮрійНадільний-д5е
@ЮрійНадільний-д5е 4 года назад
Окей неможна, а аналог який в HTML??? - робити як "border bottom"??
@BasovMarketing
@BasovMarketing 4 года назад
Спасибо, за видео =)
@Никита-т7ж7е
@Никита-т7ж7е 3 года назад
Храни бог канал WebDev с нуля. Канал Алекса Лущенко
@mitivil1134
@mitivil1134 3 года назад
Шедевр -> Искусство !!!!
@Anatoli-bq1pe
@Anatoli-bq1pe Год назад
Отличная подача материала
@igoryavchenko3973
@igoryavchenko3973 Год назад
Отличная подача!
@ИлимАйтибаев
@ИлимАйтибаев Год назад
Очень крутой урок!
@novruzmehdiyev3413
@novruzmehdiyev3413 5 лет назад
Super
@РусланБородин-п1ж
@РусланБородин-п1ж 4 года назад
Добрый день. Почему в Инструменты разработчика Elements Properties для всех элементов значение : "This panel has been deprecated in favor of following in the console: console.dir($0) ($0 is a reference to the currently selected DOM node in the elements tree/) Найти причину не смог.
@АлексейСаблин-м6ч
@АлексейСаблин-м6ч 4 года назад
такой же вопрос интересует.
@ЕленаГриневич-л3к
@ЕленаГриневич-л3к 4 года назад
Тот же вопрос!!
@ЕленаГриневич-л3к
@ЕленаГриневич-л3к 4 года назад
Теперь свойства элементов можно посмотреть во вкладке Console, набрав команду console.dir($0) для выделенного элемента или console.dir(object_name) для любого.
@anonuser1366
@anonuser1366 4 года назад
не думаю что закрываюшийся тег это какой то грех, к примеру кто работал на react (js6) ему привычна такая конструкция, и она точно ничего не ломает)))
@tolmach_y
@tolmach_y 5 лет назад
супер! Спасибо вам!
@alleksgrinn7227
@alleksgrinn7227 5 лет назад
Спасибо!
@itgid
@itgid 5 лет назад
спасибо
@advokats086
@advokats086 5 лет назад
Александр. Нет ли у Вас в планах вебинары проводить по программированию ? Единственный человек к которому есть желание попасть на вебинар...
@itgid
@itgid 5 лет назад
есть.
@Max-kr4ie
@Max-kr4ie 5 лет назад
@@itgid Как ваше здовье Александр? Раньше ваше горло мешало снимать, тем более затяжные стримы. Но вроде сейчас получше с этим. Голос бодрый и без пауз))
@advokats086
@advokats086 5 лет назад
@@itgid Думаю я не один такой кто желает стать Вашим учеником !!!! Мы будем ждать... Сенсей !!!!
@евгенийгорбунов-ы7щ
Здравствуйте, Александр! Изучил аналогичную тему у вас в плейлисте " Первые шаги". Там вы событие " клик" к имени функции присваиваете , а здесь через let- переменную. Это разные способы, какой-то приоритет или просто я притормаживаю в понимании)?
@TtTalkUA
@TtTalkUA 5 лет назад
вы очень крутой!)
@itgid
@itgid 5 лет назад
спасибо!
@dimaso3830
@dimaso3830 3 года назад
Талант!
@novruzmehdiyev3413
@novruzmehdiyev3413 4 года назад
это просто нет слов
@andreynau7662
@andreynau7662 4 года назад
16:10 наклацал еще один рабочий вариант , console.log(+b + 10), тоже суммирует может кому то пригодится 17:39 в Firefox вроде нету Properties в Google Chrome и Opera есть...
@aqua3663
@aqua3663 4 года назад
Легче преобразовывать в число значение инпута.
@oleksiik4473
@oleksiik4473 4 года назад
Очень круто учите! Я так понял, бесплатных задач больше нету :(
@svoloche_
@svoloche_ 4 года назад
почему если пишу это у меян выходит Uncaught TypeError: Cannot set property 'onclick' of null
@filippzhuravlev2064
@filippzhuravlev2064 4 года назад
document.addEventListener("DOMContentLoaded", () => { let inputIn = document.querySelector(".input-in"); //input let button = document.querySelector("button"); //button button.onclick = function () { //кнопка будет нажата console.log("Работает!"); }; }); у меня тоже так . поэтому так переделала
@ilyas6696
@ilyas6696 4 года назад
@@filippzhuravlev2064 Спасибо.
@DGM-art
@DGM-art 3 года назад
@@filippzhuravlev2064 так а почему?
@filippzhuravlev2064
@filippzhuravlev2064 3 года назад
@@DGM-art документ не загрузился и происходит выборка по селектору несуществующего элемента. Либо в хтмл нет элемента подходящего под селектор:) document.querySelector возвращает либо null, в случае, если нет элемента, либо узел/ноду, в обратном случае. null свойства присваивать нельзя, поэтому всплывает ошибка:)
@1654045
@1654045 4 года назад
У меня при автосохранении в коде теги INPUT, META, BR итд автоматом не только красиво форматируются но и в конец им добавляется закрывающая косая черта, которой в HTML5 нет как вы отметили. Настраивал VS как в вашем видео, но у вас я вижу - не добавляется '/>' . Как это исправить? (от меня уже лайк, подписка, колокольчик).
@markcherepivskiy182
@markcherepivskiy182 3 года назад
в 21 году не просто живется, домашние задания теперь практически все платные ...)
@skojiks
@skojiks 2 года назад
12:50 топ момент
@Вячеслав-ю4ш2ц
@Вячеслав-ю4ш2ц 4 года назад
Александр здравствуйте! Скажите а какую тему вы используете в редакторе?
@Nick_News
@Nick_News 4 года назад
Александр здравствуй как можно решить такую задачу: у меня есть к примеру вожу текст и чтобы он передавался в переменную и сохранялся там до тех пор пока я не изменю текст в input. Или лучше через db делать? Спасибо за ранее.
@denisrusu1984
@denisrusu1984 2 года назад
console.log(+b+10)
@TheAurorka
@TheAurorka 4 года назад
парни , что не так, банально не хочет писаться команда button.onclick (не видит это сочетание как команду)
@wowik1992
@wowik1992 2 года назад
Если в таблице эксель есть формулы, как можно экспортировать такую таблицу в HTML, что бы все формулы были активными на сайте?
@maksimko4131
@maksimko4131 3 года назад
при умножении не надо плюсить число перед input
@petrskobelev3923
@petrskobelev3923 4 года назад
Ставим лайки, не стесняемся! )
@romangoncharuk4455
@romangoncharuk4455 4 года назад
я и раньше замечал и сейчас перепроверил input type="number" - у меня вводятся буквы или это от браузера ещё зависит?
@aleksandraSwedenVlog
@aleksandraSwedenVlog 5 лет назад
можно ли 2 инпута и логин? при загрузке страницы? а после этого функцию, что проверяет username и пароль?
@krxg
@krxg 4 года назад
HTML код: Stop Js код: var button = document.querySelector('button'); button.onclick = function () { console.log('hi'); } Здравствуйте, сделал всё как в видео, пролазил весь интернет, но не могу найти ошибку в консоле выдаёт: Cannot set property 'onclick' of null. Прошу помогите найти ошибку, заранее спасибо🙌
@krxg
@krxg 4 года назад
Это не весь код это его части
@ОлександрЛаска
@ОлександрЛаска 2 года назад
Не лучшей была идея делать переменную div - это запутывает.
@Руслан-д8в2ы
@Руслан-д8в2ы 4 года назад
Добрый вечер. Подскажите на момент какая цена на курс?
@aramgasparyan5181
@aramgasparyan5181 3 года назад
var text = document.getElementById('text'); var inptext = document.getElementById('inptext'); function sing(){ // console.log(inptext.value); var b = inptext.value; b = text.value; inptext.value='' } не получается text eto u menya textarea
@РоманЗотов-ы1ы
@РоманЗотов-ы1ы 5 лет назад
Отчего человеку хочется быть богатым? Отчего ему нужны дорогие лошади, хорошие одежды, прекрасные комнаты, право на вход в публичные места, увеселения? Только от недостатка духовной жизни. Дайте этому человеку внутреннюю, духовную жизнь, и ему ничего этого не будет нужно. Эмерсон
@itgid
@itgid 5 лет назад
глубоко, но смысл?
@VIJana79
@VIJana79 4 года назад
нууу, как бы очень спорно, на мой взгляд. прекрасные комнаты, хорошая одежда и дорогие лошади/машины - это прежде всего комфорт, спокойствие, хорошее здоровье. При отсутствии всего перечисленного ни о какой духовной и внутренней жизни и речи быть не может. Яркий тому пример - бомжи. У них ничего нет и им ничего не надо, ни комнат, ни одежд прекрасных.
@whoisit2028
@whoisit2028 4 года назад
@@VIJana79 Вообще мне кажется тут всё дело не в душе а в допомине у бомжа настолько хуёвая жизнь что если он в мусорнике найдёт кусок хлеба у него уже допомин через край пойдёт а если у тебя денег много комфорта много и всё такое то у тебя уже порог допомина намного сильнее чем у обычного человека ТОЕСТЬ тебе уже сложнее угодить чем обычному человеку + - фурмолировка например если тебе подарят машину за 50к ды будешь в шоке у тебя будет перепад эмоций а если подарить машину за 50к богачу ему будет абсолютной похуй тк для него это нечего нового ну и как ты можешь понять более мелкие вещи вообще не играют никакой роли для них поэтому часто люди говорят как правило чем меньше денег тем человек счастливие и + - это факт
@жаныбекАйбиллаев
@жаныбекАйбиллаев 3 года назад
На бесплатном уроке задачки не откроется да? Я правильно поняла?
@itgid
@itgid 3 года назад
первые 3 доступны
@nataliahrymaluk4111
@nataliahrymaluk4111 3 года назад
У вас у плийлісті три одинакових уроки "JavaScript v.2.0 Основы ввода данных, работа с input". Ви мабуть їх помилково закинули кілька разів.
@user-il9zy3wy5j
@user-il9zy3wy5j 4 года назад
Чи є опція в JS, щоб задати тип змінної під час об'явлення? Наприклад, float, boolean, string, char, ....., як, наприклад, в Турбо Паскалі?
@Богдан-н8в
@Богдан-н8в 4 года назад
Андріан Явнюк ну тут визначення змінної відбувається автоматом
@КонстантинЛегчиков
А как можно домашние задачки порешать? Материал очень простыми словами излагается.
@itgid
@itgid 2 года назад
Покупаете курс
@IT_psychopath
@IT_psychopath 4 года назад
про закрытые теги. сейчас самое смешное скажу, у меня, где работал тимлид правил все на закрытые... я хотел сказать, но потом просто ушел с работу ибо ну ее нафиг такую работу. хахах
@Давид-п8и
@Давид-п8и 5 лет назад
👍🏼👍🏼👍🏼
@sh1ki17
@sh1ki17 3 года назад
c вэлью понятно, а как сделать для текста?
@Mikhail_Kominov
@Mikhail_Kominov 3 года назад
Александр, добрый день, а где можно найти задания к уроку?
@itgid
@itgid 3 года назад
Под видео на сайте
@ДмитрийГлотов-ь8х
этот урок в плейлисте повторяется три раза
@rollgood7948
@rollgood7948 4 года назад
Почему если type=nubmer поставить у input, можно вводить числа но также и E на английском- как так?
@rollgood7948
@rollgood7948 4 года назад
А, будье окуратные так как при написание в формате 23e3 , оно пропустит очень большое число)
@Lexansan
@Lexansan 4 года назад
Почему-то нет команды onclick (она зеленым подсвечивает) button.onclick = function () { console.log("Работает") };
@roberthovhannisyan95
@roberthovhannisyan95 4 года назад
//====JS=== function btn(){ console.log("working") } //====HTML=== PRESS
@svoloche_
@svoloche_ 4 года назад
@@roberthovhannisyan95 слушай я написал свою let inputText = document.querySelector('.inpText'); let inputPassword = document.querySelector('.inpPs'); let button = document.querySelector('.vvod'); button.onclick = function(){ console.log(inputText.value); console.log(inputPassword.value); } тип как вк, пароль логин. И при нажатии кнопеи войти, в кансоль резко выходят логин и пароль но быстро же исчезают
@gaponukz
@gaponukz 5 лет назад
Как зделать кнопку "clone" как на сайте bootstrap
@itgid
@itgid 5 лет назад
??
@Ясамсебесвобода
@Ясамсебесвобода 4 года назад
button.onclick = function(){ console.log("OK"); } Не работает, ошибка: test.js:9 Uncaught TypeError: Cannot set property 'onclick' of null в первой строке
@Ясамсебесвобода
@Ясамсебесвобода 4 года назад
Разобрался. JS подключался раньше задачи кнопки на странице, а соответственно button отсутствовал. Перенес подключение JS в конец страницы и заработало
@svoloche_
@svoloche_ 4 года назад
@@Ясамсебесвобода пздц, я мучался сколько времени. Хотя у меня стоит в head рядом с css. Не мог бы ты объяснит ьпочекму так, а то я не совсем догнал
@Artem-bt1cx
@Artem-bt1cx 4 года назад
@@Ясамсебесвобода прогуглите на счёт атрибута defer
@AchtungBaby_87
@AchtungBaby_87 2 года назад
а есть надежда на запуск сайта itgid?
@капиполенд
@капиполенд 10 месяцев назад
в 23году console.log(inputIn.value); не работает, че можно здесь делать?
@itgid
@itgid 10 месяцев назад
это не зависит от года. Пишите в чат курса, помогу.
@капиполенд
@капиполенд 10 месяцев назад
@@itgid это где?
@aleksandraSwedenVlog
@aleksandraSwedenVlog 5 лет назад
и еще как сделать трелло на ванила js?
@artpro1313
@artpro1313 2 года назад
А где задачи под видео, подскажите?
@БогданРоманюк-д1ь
@БогданРоманюк-д1ь 2 года назад
на сайте
@МаксимХрамцов-к8щ
@МаксимХрамцов-к8щ 2 года назад
+
Далее
JavaScript v.2.0. Ветвление If, else, switch
22:40
JavaScript v2.0 Изучаем map, filter
14:30
Просмотров 35 тыс.