Уроки JavaScript Практика #1 Работаем с input

1000 ratings | 66898 views


Уроки JavaScript Практика #1 Работаем с input

JavaScript практика 1. Мы разберем работу на практике с checkbox, radiobutton. ======================================================== ПОДПИШИСЬ на канал Web Developer Blog - И не пропускай новые видео!!! ======================================================== ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА: JavaScript практика - Основы JavaScript - Уроки Bootstrap 4 - Уроки Framework для верстки Foundation 6 - Рубрика Основы за 10 минут - Верстка сайта на Foundation 6 - Основы препроцессора SASS - Уроки по Sublime text 3 - Видео про заработок на YouTube - Создаем интернет магазин на PrestaShop - Уроки jQuery - ======================================================== ПОДПИШИСЬ на Группу Вконтакте Web Developer Blog - ======================================================== Мой заработок на YOUTUBE - ►

Comments to the video: Уроки JavaScript Практика #1 Работаем с input

андрик черный 16 days ago
приглашаю в друзья любителей javascript
Дмитрий Холост 16 days ago
то нехороший тон , то нехороший тон такое воспоминание , 100 не разработчики , а великодушные девушки
IgorPlay Gamer 18 days ago
Помогите хто нибудь! Как отсрочить виполнение alert чтоби другие функции срабативали первими в хроме???
Ara Vitali4ke 17 days ago
шта? алерт в конце? довай код в студию!
Виталий Похер 1 month ago
у меня таковой хтмл <!DOCTYPE html> <html> <head> <meta http-equiv= Content-Type content= text/html; charset=utf-8 > <title>html_java</title> </head> <body> <input type= checkbox id= one onchange= fun1 > <script src= scrp.js ></script> </body> </html> И таковой скрипт function fun1() var chbox; chbox=document.getElementById('one'); if(chbox.checked) alert('Выбран'); else alert('Не избран'); И ни чего не работает, не усвою отчего , при нажатии на чекбокс ни чего не происходит , алерт не выдаётся
вова Опанасюк 1 month ago
<input type= checkbox id= one onchange= fun1() >
Сергей Курганов 1 month ago
Ни кто коллекции не перебирает издавна с помощью for(;;), это нехороший тон. Вот этак проще: for (item of radi) if (item.checked) alert('Выбран ' + item.value + ' элемент.');
Дмитрий Лебедь 1 month ago
Мда. Именование переменных - нехорошо, образец - можно было интересней обычного алерта, onchange вписал в html, заместо getElement. лучше исп querySelector. Урок и не для новичков ибо циклы и тд не обьясняеться, и не для малость уже продвинутых ибо уже написал сверху. Новичкам советую курсы протекать, где js изучается комплексно, этак будете вовек по урокам что-то строчить, а сами в итоге останетесь ни с чем
Степан Керекеш 1 month ago
Скажите изволь, какой плагин для подсветки синтаксиса JS в Sublime Text 3 вы используете?
Anna J.Rittle 1 month ago
дич вешать слушатель в html, вовек этак не делайте
Андрей Собченюк 1 month ago
getElementBYId <-- это нехороший тон, к id можно впрямую обращаться и еще забудьте про VAR на данный момент необходимо использовать let или const;
Игорь Дмитриевич 2 months ago
Спасибо огромное!все доступно и понятно!
A\ex 1 month ago
Темная тема Sublime - ничего не видать, приходится вглядываться. С темными темами вовек не делают презентаций кода. А за видео - благодарю, новеньким будет здорово.
Danil Danil 2 months ago
заместо алерта лучше написать - alert('избран элемент ' + provRb[i].value ); Если поменять значения в input с 0, к примеру на 4, то алерт выдаст не смысл элемента массива [i], а его порядковый номер, тобишь снова 0
Эдмон Дантес 2 months ago
Я не сообразил, поясните изволь. Почему radi.lenght? Что вообщем происходит в цикле?
Ацамаз Дряев 3 months ago
А можно на человечий стиль переводить всё то что ты говоришь?! Я ёлки уже отчаялся, набрал всё будто у тебя(списал) всё равно не работает!! Начал мыслить а пох, попросту буду знать будто работает. думаю.. И то не понимаю о чём идёт выговор! getElementsByname - это что?! проговорил стремительно образ отвалите сами думайте ! function fun1() var radi=document.getElementsByname('r1'); for (var i = 0 ; i < radi.length; i++) if (radi[i].checked) alert('Вывод элемета ' +i+ 'ну-ка будто бы всё');
Evgeny Anisimov 1 month ago
0:10 ты теорию то не освоил, куда ты практиковаться суешься?
Freedom TV 1 month ago
Курс хоть и для новичков,однако, я думаю предполагается,что базы js Вы должны уже знать.
Mr Freeman 2 months ago
Не внемательный) Должно быть getElementsByName - то кушать избрать объект по имени)
Myas noy 3 months ago
я использую vue, к примеру, для сотворения темплейтов форм и подстановке при событии on-click , + vue что в html отчаливает лишь html без специфичных тегов и событий. но для такового стоит использовать весьма высшую модульность, чтоб не запутаться в крышка + jQuery сверху для работы с определенными блоками (выровнять по высоте там, задать высоту нужную к примеру b.offsetHeight = window.offsetWidth - header.offsetWidth), по сущности я новенький, однако сходу сообразил что не стоит без надобности хламить html, единственное где я не сообразил будто вывернуться - это в js инъекциях чрез расширения браузера
Влад Голливуд 3 months ago
А будто сделать что бы он выводил в браузер смысл частей (valuе radiobutton) из массива?
Илья Шишлачев 3 months ago
Если input избрать чрез класс либо имя тега, то if возвращает false, отчего?
Dimaster 4 months ago
Автор, сходу скажу за все видео уроки в этом плей листе - маленький для тебя поклон.
ShaDowRay 4 months ago
Чувак , лучше делай на notepad,для HTML,CSS,JavaScript нот пад самое то , для чего ты делаешь на саб лайме , это очень непростая программка для новичков , она нужна для python c++ c PHP однако не будто для языка для верстки, исправься изволь
тимур бобылев 3 months ago
это троллинг
Ihor Khyzhniak 3 months ago
я не думаю, что саблайн непростая программка, мне будто что это лучший вариант, и начинать сходу на саблайме что бы свыкаться к более професиональним программкам чем блокнот, а те люд которые желают обучать джава скрипт уже ни будто не новенькие
ubivaka 4 months ago
Очень толсто.
никита нейм 4 months ago
думаю заместо такового объема кода для проверки радиоБатонов (цикл + проверка)можно сходу пробежаться оператором While этак будто по логике из всех избран лишь одинешенек (если общее имя) ну-ка и полагаясь на эстетику кода когда при загрузке странички хотя бы одинешенек радиоБатон (по эталону) избран точно!
Web Developer Blog 4 months ago
А резон практики тогда?
Mike St 5 months ago
что необходимо выучить, что бы осознать будто сделать веб-сайт соц.сеть по типу контакта ?
Web Developer Blog 5 months ago
backend и frontend)
Данил Очагов 5 months ago
а для чего тогда строчить value= 5 53/535?
Derasad Qwesdar 5 months ago
Всё одолел!
Web Developer Blog 5 months ago
Поздравляю!
Елена Ленская 5 months ago
Подскажите, изволь какой редактор вы используете
Web Developer Blog 5 months ago
Sublime text 3
Игры от Калянчика 5 months ago
А будто ты на редакторе сделал сходу три input какие композиций кнопок ??
Игры от Калянчика 5 months ago
Спасибо за ответ
Web Developer Blog 5 months ago
input*3 и потом этого tab нажимаете
Андрей Сельдюков 5 months ago
Молодец, практика это то что не заменишь ни чем. Ставлю рядышком два экрана: видео создателя и Sublime, и ручками повторяю. И всё равно делаю еле приметные ошибки. И лишь сверяя с кодом создателя - нахожу и. вуаля - работает :) Автору респект!
Web Developer Blog 5 months ago
Спасибо огромное! Практика самый неизменный линия что то научится!
Гвин Глейд 6 months ago
Как же бесит чавканье.
Web Developer Blog 6 months ago
Подарите мне священник фильтр
Touch VIO 6 months ago
что за плагин? и кушать ли таковой для атом?
Touch VIO 6 months ago
наверняка, а для атома такое кушать?
Touch VIO 6 months ago
какой дает варианты кода при наборе
Web Developer Blog 6 months ago
allautocomplete?
Touch VIO 6 months ago
вот какой варианты кода выдает при наборе в JS
Touch VIO 6 months ago
вот какой варианты кода выдает при наборе в JS
Orhan Davidov Official 6 months ago
Спасибо Тебе БОЛЬШОЕ!! Давно находил практику по javascript. С меня Подписка + Лайк!=) Буду глядеть твои видео уроки! Продолжай в том же духе!!
Web Developer Blog 6 months ago
Спасибо, весьма приятно
SHvELO 7 months ago
Спасибо Бро )
Web Developer Blog 7 months ago
Старался
Freeze Gold 7 months ago
Автор, благодарю за подобные уроки. Давно находил видео, где можно по примерам осознать, для чего же функции и команды необходимы. Ещё один благодарю.
Web Developer Blog 7 months ago
Подписывайтесь
Jason Bennet 8 months ago
Странно, что при том, что создатель употребляет пережитки прошедшего и медлительно печататет, он все осознает, хотя вначале я поразмыслил, что он cам изучает JS возле месяца
Web Developer Blog 8 months ago
Вы попытайтесь сами сбросить) Посмотрю будто у вас получится)
Aibek Sydygaliev 9 months ago
Для создателя: издавна интересует композиция кнопок для одновременного написания кода на 3-5 строчках. Также будто у Вас на 5:15. Также заинтересовывают другие композиции кнопок, к примеру выделить текст и сделать его комментарием, типа <!-- _ _ _ ->. Можно ссылку?
Тобакалов Каниет 8 months ago
в sublime text3 - если нужно поменять однообразные значения в нескольких местах, к примеру в таком коде: <label type= name= >bla-bla</label> избрать оба label, мышкой кликаете на 1-ый label, нажимаете CTRL+D, выделяется 1-ое слово, нажимаете еще один -> последующее слово. Слова выбираются сверху книзу. Затем можно редактировать. После окончания редактирования - кликнуть мышкой в любом другом месте, чтоб скинуть выделение. Чтобы пристроить курсор на нескольких строчках - при нажатом CTRL кликаем мышкой. Вот отменная шпаргалка -
Web Developer Blog 9 months ago
Вот в этом плейлисте все кушать
Murad Xəlilov 9 months ago
Cпасибо!
Web Developer Blog 9 months ago
Пожалуйста!
Хофиз Хабибов 9 months ago
please
Хофиз Хабибов 9 months ago
изволь если может сделайте видео про труд с конфигурация поиска и конфигурация отправка данных (авторизация) буду весьма признателен))
Web Developer Blog 9 months ago
Да, будет такое, лишь в практике PHP
Хофиз Хабибов 9 months ago
благодарю большущее попросту супер ))
Web Developer Blog 9 months ago
Лайк
Paco Official 9 months ago
чувак не юзай черный текст на черном фоне, смени тему что бы было видать что ты пишешь отлично и без заморочек
Paco Official 9 months ago
720p стоит, однако для работы с текстом и запси невольник. стола 1080p лучше будет, текст будет более четко) и видос на полный экран смотрю (на втором мониторе) ну-ка один не можешь означает не меняй) щас вродь лучше уже стало
Web Developer Blog 9 months ago
А ты качество на самое высочайшее сходу ставь и все ок будет. Тему я точно поменять не буду. Так будто весьма комфортабельно для глаз с ней трудиться.
Paco Official 9 months ago
я попросту многие курсы смотрел и в неких люд нередко сетуют что нифига не видать, то размер шрифта ниоч, то тема вот такая вот черная черная. ну-ка конечно хорошо забей, я сам в черной работаю, прост когда позволение не фулхд всё мылится и черное на черном нехорошо видать, ибо в этой теме некие элементы положим голубые и их нехорошо видать а то что зеленоватое то отлично видать ибо светлое+черное отлично смешивается))
Web Developer Blog 9 months ago
Да вроде нормально всем видать, в первый раз такая сетование
Paco Official 9 months ago
яркость пришлось добавить тогда уже лучше чутка видать)
Paco Official 9 months ago
афигеть лучший канал отыскал благодаря webtackles здесь и фш и галп и сас и жс и пхп и джиквери
Paco Official 9 months ago
буду пиарить ток не останавливайся
Web Developer Blog 9 months ago
Ставьте лайки
Rinat Youldashbaev 9 months ago
На 2:39 создатель гласит, что ранее рассматривали событие onclick. Ранее - это когда? Это же 1-ый задание.
Paco Official 9 months ago
были уже уроки по основам! это практика!
Web Developer Blog 9 months ago
Я сбросил вам ссылку на плейлист по основам JavaScript в прошедшем ответе. Это отдельный плейлист. Практика JavaScript это практика, базы это базы.
Rinat Youldashbaev 9 months ago
Так я и зашел в плейлист, избрал Уроки JS практика и первым же уроком идет этот задание, то бишь Уроки JavaScript Практика 1 Работаем с input
Web Developer Blog 9 months ago
Так же кушать плейлист у нас на канале с основами JavaScript.
Миша Рязанов 11 months ago
Да, для новичков, более-наименее освоивших что к чему, подобные уроки нужны! Подписываюсь! Автору благодарю! Если не трудно, подскажи, будто написать, чтобы в зависимости от избранного чекбокса, показывались те либо другие div-ы, по примеру, будто в инет магазине, отображается продукт, в зависимости от того, какие категории выбраны. За преждевременное благодарю.
Миша Рязанов 11 months ago
Да, непременно дождусь!! Учиться вовек не поздно!! Еще один выражаю Вам гигантскую признательность!
Web Developer Blog 11 months ago
Спасибо! Это мы уместно будем протекать у нас на канале , быстро видео по PHP 7. Создадим веб лавка. Согласно вашему вопросу, это не обрисовать в комменты, лучше дождитесь видео у нас на канале, где будет подробнее изложено.
Mr Kvant 11 months ago
Автору благодарю, весьма отличные уроки А будто настроить такую же подсветку синтаксиса в js?
Web Developer Blog 11 months ago
Смотрите уроки по Sublime text, ссылка на плейлист в описании этого же видео находится !
Kirill Gorin 1 year ago
Перестань, изволь, строчить обработчики событий в хтмл, че за колхозный метод 10летней давности. И по стилю кода для тебя шпора: а то наименования функций и переменных полная херь, а тебя новенькие глядят
Максим 1 year ago
базы js уроков инет кишит , а вот практики не хватает..благодарю огромное создателю за возможность практиковаться !
Web Developer Blog 11 months ago
Спасибо за ваш комментарий!
Владислав Ковальский 1 year ago
вот скажите мне отчего все кто читает лекции прописывают событие в html элементах, отчего не в самом JS, неужели это не удобней, к примеру если я желаю получить Value каждого элемента при его выборе, а не при нажатии на ваш баттон, мне что всем трем элементам вешать onchange в html, а если этих частей к примеру 20-40, вы не считаете что это примитивно и неловко, и не лучше ли показать обычный метод
Евгений Лазуренко 1 year ago
Давно ожидал таких уроков, благодарю Web Developer Blog! Главное не останавливайся!
Web Developer Blog 1 year ago
Стараемся
Ваня Fed 1 year ago
Откуда взялось radi ? Почему ты написал не radio? P.S. Во 2-ой половине видео в тексте с JS
Ваня Fed 1 year ago
Спасибо,не увидел
Web Developer Blog 1 year ago
переменная rad[i] , i это элемент цикла
Джон Константин 1 year ago
новенькие вовек не пишите в HTML действия on change on click и.т.д. Это пережитки прошедшего. В HTML обязан быть лишь HTML.
Ацамаз Дряев 3 months ago
<script type= text/javascript src= script.js ></script> попросту вписать в <HEAD> этак тяжело?
Иван Бондарь 6 months ago
благодарю за код))) добра для тебя надеюсь в последующих уроках создатель учел это..
Aibek Sydygaliev 9 months ago
В принципе ты естественно прав! И код от АНТОШКО АНТОНА работает! Но он выходит сложным для новичков! Код от создателя легче! Посмотрим что будет далее, в последующих уроках!
Джон Константин 9 months ago
+Константин Отпущенников Если ты с опытом то конечно. Если новенький учи ванилку.
Константин Отпущенников 9 months ago
необходимо перебегать не на jQuery, а на Reqct, Angular либо Vue
Кулити 1 year ago
Красава продолжай, а просмотры и лайки сами придут
Web Developer Blog 1 year ago
Спасибо!
Константин Отпущенников 9 months ago
Ребят, ну-ка не знаю, учить JS сходу в контексте браузера - по-моему не весьма.
ubivaka 4 months ago
Зашкварный какой-то хедхантер. И программеры он наберет зашкварных.
Константин Отпущенников 8 months ago
+Олег Плюта я не этак выразился, и уже извинился.
Олег Плюта 8 months ago
Вот лишь 5 минут вспять слушал вебинар столичного хедхантера о подготовке программистов к собеседованию. Так вот он произнес, что если человек знает слово зашквариться , то это сходу несогласие. Я, честно, даже в википедею полез, этак будто за 42 года жизни не знал такового слова. Вы хоть в курсе что оно означает?
Константин Отпущенников 9 months ago
аргументы? дудки? ну-ка и хорошо.
Paco Official 9 months ago
зашкварно быть тобой :)
NaN WEB 1 year ago
давай сходу 2-ое
Web Developer Blog 1 year ago
Сегодня будет!
Up Eloboost 1 year ago
пять лей еще
Web Developer Blog 1 year ago
Спасибо, сейчас вечерком будет!
дмитрий пилигрим 1 year ago
Спасибо. Увеличте шрифт изволь.
Web Developer Blog 1 year ago
Спасибо за комментарий, в последующем видео увеличим!
BonD007 1 year ago
Давно ожидал таковой темы. Спасибо за видео. А какую цветовую схему создатель употребляет в Sublіme Text?
Web Developer Blog 1 year ago
Видео будут сходить часто! Цветовая схема у меня если не ошибаюсь monokai