Бесплатный курс "Базовый JavaScript" Урок №7. Работа с элементами на страницах и события
HTML-код
- Опубликовано: 27 сен 2024
- В этом уроке мы научимся получать любые элементы со страницы, изменять их по нашему желанию и работать с действиями пользователя: кликами, наведениями мыши и тд.
Ссылки:
Скачать материалы для работы: drive.google.c...
Документация по обработчикам событий: developer.mozi...
Список всех событий: developer.mozi...
Укороченный список: vvz.nw.ru/Lesso...
================================
Одни из лучших и доступных курсов по JavaScript, верстке (html/css), React, Wordpress и многому другому вы найдете на campfire-schoo...
Ссылки:
Мой инстаграм - / petrychenko_ivan
Телеграм-канал: t.me/petrychen...
блиииин, дружище!!! большое тебе спасибо!!! объясняешь ооооочень доходчиво!!! лучший из всех кого я смотрел!!! сейчас пройду твой курс по всем видео и отпишусь под каждым видео.. что б все знали, что ты лучший!!!! Выполнил все домашки что задавал ты , и даже больше! короче я в восторге))) думал JS сложно будит даваться , а оказалось с тобой не очень то и сложно:) !
Спасибо большое, Иван, за Ваш труд и уроки по JS. С большим удовольствием смотрю Ваши видео! У Вас талант преподносить информацию интересно и понятно! От всей души, спасибо!
У вас талант преподавать + неплохая дикция. Очень доступно и доходчиво излвгаете материал. К сожалению невозможно в Крыму купить ваши курсы с udemy.
На мой субъективный взгляд: Иван - один из лучших преподавателей JS. Основная проблема большинства преподавателей JS - объясняют основы JS c позиции Senior или Lead, т.е. присутствует четкая стена восприятия. Слушатель первый день узнал про JS, а Senior пытается ему объяснить нативный JS, применяя очень сложные лексические формы. Иван каким-то образом убирает эту стену, у слушателя создается впечатление, что Иван вместе с тобой учит сейчас JS. БРАВО!!!
Дмитрий Бызин спасибо 😊😊
Неистово плюсую. Сложилось такое же впечатление когда проходил курс у другого преподователя и у Ивана. Там я сразу закопался как только пошел реакт - а с Иваном уже на редаксе и не вижу пока каких то архисложных и непонятных вещей) все доступно и понятно. Мое почтение
Иван, красавчик! Все понятно и доступно ) Спасибо!
Не успел порадоваться что всё усвоил, как Иван сразу сказал что это уже устарело и вообще г0вн0код))) но Лайк всё равно обратно забирать не буду)
Иван, ты отличный учитель. Спасибо. Курс на Udemy куплен, осталось собраться с духом)
Рад помочь ☺️
Давай оживим канал. Добавь больше четкой практики
Супер! Можно побольше таких видео!
Супер урок. Очень было понятно.
все очень просто и понятно объясняешь) спасибо за урок!
Годно! =)
круто , но для начального уровня мне кажется еще сложновато )
Когда мы пишем addEventListener не надо ли потом удалять это событие что бы при повторном клике события не скапливались?
Почему мне неработать addEventListener у мне только одна метод работал и всё! Только метод катори связывался с html страница
странно у меня почему то при вводе closeBtn.addEventListener(`click`, function(){
modal.style.display = `none`;
}); В консоле выдаёт: Невозможно прочитать свойство addEventListener со значением null
Проверьте ту переменную, на которую ругается консоль. Скрипт не может найти такой элемент на странице. Возможно селектор не тот.
не совсем понятно откуда берутся "chooseBtn" или "nameInput". Это как то вписано уже в сам js или мы сами можем придумать любое название исходя из класса нужного нам элемента? И написав "chooseBtn" как браузер понял, что нам нужна именно правая кнопка, а не левая? Или он это понял, благодаря классу "choose" который присвоен этому элементу? Но тогда зачем к "choose" приписывать "Btn" ? Я понимаю, что "Btn" это аббривиатура слова "кнопка" на английском, но совсем не понятно, зачем писать именно так, и опять, как именно браузер понял, к какой кнопке мы именно привязываем событие? То же самое и с "nameInput". Может кто-нить подробнее объяснить? А то просто переписывать код повторяя и не понимая, как одно привязываетмя к другому не очень помогает разобраться. Автору, спасибо огромное за труды.
Добрый день. Если по простому: названия переменных мы придумываем сами и они могут быть абсолютно любыми. Есть лишь несколько технических ограничений, про которые я говорил в начале и два логических: адекватное, понятное название и использование camelCase.
Какой именно элемент получить скрипт понимает благодаря указанному селектору: классу, уникальному идентификатору, тэгу и тд.
@@campfireschool Спасибо большое! Вчера уже поздно смотрел уставшим, и как то пропустил тот момент, что "chooseBtn" - это перепенная, которая была задана в самом начале кода=) Теперь всё встало на вои места. Благодарю!
@@campfireschool Здравствуйте! А если класс не уникален, и другого уникального селектора нет ?
+555555
Почему когда я меняю метод getElementById на современный QuerySelector код перестаёт работать?
Видимо где-то опечатка
@@campfireschool не понимаю где может быть опечатка. Просто менять метод ctrl+c ctrl+v не достаточно ? И я не пойму почему когда я меняю метод на querySelector в кнопке choose , ломается и кнопка receive 🤷
@@jekos7 Нет, тут не достаточно. Метод getElementById принимает id напрямую, а вот с другим методом мы должны четко сказать, что это уникальный идентификатор:
document.querySelector('#someid')
@@campfireschool Спасибо Иван! Получилось😅 ! Осталось понять где какие символы ставить в идентификаторах 😀
@@jekos7 Вот тут все есть по списку: learn.javascript.ru/css-selectors
Почему мне неработать метод addEventListener у мне только одна метод работал и всё! Только метод катори связывался с html страница
Есть ли какие-то ошибки в консоли?
@@campfireschool большой спасибо я забил поставить окончания S на getElementByTagName.
@@campfireschool большой спасибо я забил поставить окончания S на getElementByTagName.
До сих пор не понимаю,что нравится зрителю.Иван один из сильнейших менторов,который очень доступно доносит материал и имеет,такое маленькое кол-во подписчиков и просмотров,в сравнением с другими"чудными гениями" с +100к просмотров...
Если мы используем современный querySelector то значит в верстке у всех элементов должен быть свой класс?
Почему же? он получает по селекторам, а не классам) И только определенный элемент. На остальные он не влияет
@@campfireschool все понял
+51
Такой молодой но уровень преподавания на высоте. Даже задумался о покупке курса. Скажите, стоит ли начинать в 29. Точнее основы более - менее знаю, но стоит ли плотно заниматься этим и посвятить большое количество времени?
А почему бы и нет) У меня есть много примеров людей, которые начинали и в 30+
Тут главное не возраст, а желание и приобретенные навыки.
@@campfireschool спасибо за ответ. Учился на другое, но только сейчас понял, что нравится именно программирование. Подскажите, где лучше прибрести курс и сколько стоит?
Jon Snow taplink.cc/petrychenko_ivan вот тут можно пройти по интересующим курсам и посмотреть актуальные цены. Там как раз сейчас распродажа.
@@campfireschool спасибо. Недорого по скидке за 40 часов лекций. Обязательно приобрету на днях. Еще раз уважение Вам за бесплатные уроки. По мне так манна небесная посреди мусора на ютубе. Сразу видно, что Вы не выпячиваете знания, а именно пытаетесь научить с большим энтузиазмом. Желаю уехать в кремниевую долину)
Jon Snow спасибо) и чтобы у вас усе получилось ☺️
Ой +5!