Спасибо за комментарий. После таких слов хочется продолжать работать. Завтра будет еще один интересный урок посвященный практической реализации популярного в сети сервиса.
Одни из лучших уроков JS на youtube (если не лучшие). Очень все наглядно, содержательно и с пояснениями, что и как работает, чего так обычно не хватает в других туториалах. Спасибо, автор
По больше таких преподавателей в универах!! а то дефицит таких людей! спасибо за то что старались сделать эти видео уроки, видно что от души старались!
Наши универы не готовы ни финансово ни морально поддерживать инициативы работников. Поверьте 10 лет отпахал в универе преподом. Никому не интересно это.
Да вот из за этого что в университетах не могут и не хотят нормально все сделать то есть плана обучение нормального, а не так чисто для вида, вот из за этого интерес в студентов попросту исчезает, ну а те кому не интересно то всегда такие люди есть, только последним временем многовато таких.....................................вот и приходиться те кому действительно это интересно сидеть самому все учить, только получаеться так что ты учишь то что нужно, а сам универ получаеться трата времени.
реально все отлично!!! очень нравится, как Вы объясняете.!!! спасибо!!!!!!!!!!!!!!! с удовольствием бы брал у Вас уроки, если не дорого))) есть такая возможность?
Доброе утро! Помогите разобраться, пожалуйста. Не могу понять отчего не работает следующий код: var p = document.getElementsByTagName('p'); console.log(p); for (let i = 0; i < p.length; i++) { p[i].onclick = f1; } function f1() { alert("Hello!"); } Ошибок не выдает, но и при клике на параграфы не работает. Проверял в Опере и Гугл Хром. Так же не работает код: var p = document.getElementsByTagName('p'); console.log(p); p[0].onclick = f1; function f1() { alert("Hello!"); } Но выдает ошибку: main.js:18 Uncaught TypeError: Cannot set property 'onclick' of undefined at и подчеркивает участок onclick = f1; Кстати, а почему у Вас в видео f1 используется без () в строке p[0].onclick = f1; ???
в JS бывает что из за одной ошибки не работает весь код, как я понял для этих целей есть тесты, вероятно что то вроде mocha, я не знаю насколько оно отличается от встроенного дебаггера в браузер и вообще для каких целей, если все таки это нужная вещь, запилите пожалуйста видео на эту тему, у вас лучше всех получается преподнести материал, если в планах такого не предвидится , то посоветуйте в какую сторону смотреть, если вообще это нужно для frontend
что ни будь нашли? а то уже год туда-сюда гоняю этот js. уроки посмотрю - вроде всё знаю. а практики нет и через мес-два опять ничего не знаю и уроки смотреть) если нашли можете поделиться?)
Почему такая функция не работает? for( i = 0; i < p.length; i++){ p[i].onclick = f1; } function f1(){ console.log('work') p[i].style.background = 'hsl(0, 50%, 50%)'; } не меняет цвет бэкграунда?
Добрый день! Спасибо большое за урок! Хотелось бы поинтересоваться: а почему при повторном клике на элементы с классом, не срабатывает функция со сменой фона? Ведь элементы с классом one попадают в массив р.
@@itgid сложнее чем прототипное наследование? Хз Ты бы лучше об"яснил правильно почему в данном случае this возвращает елемент. Не потому что "this это наш елемент", а потому что this это контекст, а метод мы вызываем в контексте елемента
Дуже цікаво, коли написав ось так: var p = document.getElementsByTagName('p'); console.log(p); p.onclick = f1(); function f1() { alert('Hello'); }; То все відпрацювало, але коли додаю індекс масива то при нажатті по ньому він не відпрацьовує. Але якщо написати ось так p[0].onclick = f1; то при нажатті все працює.
Спасибо большое за понятные уроки! Скажите пожалуйста, почему не получается использовать в цикле "механизм" (не знаю как это назвать) for... of: for (let i of p) { p[i].onclick = f1; }
Спасибо за желание помочь. Вот ссылка: codepen.io/SaggyA/pen/VjjpWZ Консоль при обработке for... of выдает такую ошибку: "Uncaught TypeError: Cannot set property 'onclick' of undefined". И при этом не выполняется даже f2, цикл которой задан "классическим" способом"
codepen.io/luschenko/pen/JLEVxj?editors=1111 Смотрите, ошибка в том, что в данном цикле переменная i - не счетчик, а сам объект. Т.е. вы должны не p[i].onclick, а i.onclick писать. Тогда все работает. И лучше ее не i - называть, это сбивает с толку, а как-то типа singleElem
не работает функция, в инструментах пишет Uncaught SyntaxError: Unexpected identifier, в чем может быть причина? var p = document.getElementsByTagName('p'); console.log(p); p[0].onclick = f1; Function f1 (){ alert('hello'); }
а чем может быть причина, все подключено, алерт выводит коллекцию, припопытке выведения любого элемента массива пишет андефайнд, var p = document.getElementsByTagName('p'); console.log(p); alert(p[0]);
скорей всего вы уже поняли проблему, но а если нет, два варианта ( с этой проблемой и я сталкивался свое время) 1) автор подключает js код отдельным файлом, а вы в файле html подключаете джава скрипт без команды defer . или же просто подключите данный код перед закрывающим тегом body 2) опечатка в коде.
если думать логически, то в переводе на русский означает сработало. вы можете написать вместо слова "work" хоть слово " Яичко" , оно все равно будет работать. считайте это слово некой переменной)
Как перебрать элементы, проверяя length их текстового содержимого? Допустим в html прописано следующее 1111111111111111111111 ldksfj 33333333333333333333333333 ldksfj как мне в java skript перебрать элементы, проверяя length их текстового содержимое. Где текста больше ссылка должна о ставиться, где меньше удалится?. Мне просто завтра уже надо показывать скрипт времени уже почти не осталось. А иначе практику не засчитают. На вас последняя надежда. Уже нет времени обучатся.
![Lp. Сердце Вселенной #60 РОЖДЕНИЕ ЛОЛОЛОШКИ [Финал] • Майнкрафт](http://i.ytimg.com/vi/YoR0pAV9FVQ/mqdefault.jpg)
с ума сойти, всего 13 минут (а на х2 еще меньше), а сколько информации полезной!! Спасибо огромное!
Благодаря вам я понял предназначение this и работу с ним. Спасибо большое)
Тебя запутали, this работает не совсем так как показано в видео
Отличные уроки - спасибо Вам за то, что делаете!
Спасибо за комментарий. После таких слов хочется продолжать работать. Завтра будет еще один интересный урок посвященный практической реализации популярного в сети сервиса.
самые лучшие уроки по JS что я встречал! спасибо за ваш труд и конечно большой лайк!
спустя 2 года вашим урокам всё еще нет аналога)) спасибо вам за уроки
Спасибо! Приятно!
даже спустя 4 года ....
@@itgid спустя еще 2 года нет аналогов)
@@itgid Привет из 2022, все еще нет аналогов
2024, still the best lessons))
Просто Класс ! Каждый урок заслуживает лайка
Одни из лучших уроков JS на youtube (если не лучшие). Очень все наглядно, содержательно и с пояснениями, что и как работает, чего так обычно не хватает в других туториалах. Спасибо, автор
Просто суперски!!! 7 строк кода, решен вопрос смены текста в кнопках при клике!!! Александр, Вы - лучший!!! Спасибо огромное!!!
По больше таких преподавателей в универах!! а то дефицит таких людей! спасибо за то что старались сделать эти видео уроки, видно что от души старались!
Наши универы не готовы ни финансово ни морально поддерживать инициативы работников. Поверьте 10 лет отпахал в универе преподом. Никому не интересно это.
Да вот из за этого что в университетах не могут и не хотят нормально все сделать то есть плана обучение нормального, а не так чисто для вида, вот из за этого интерес в студентов попросту исчезает, ну а те кому не интересно то всегда такие люди есть, только последним временем многовато таких.....................................вот и приходиться те кому действительно это интересно сидеть самому все учить, только получаеться так что ты учишь то что нужно, а сам универ получаеться трата времени.
есть страны, где чхали на дипломы
Спасибо за очень интересный и познавательный урок! Ваши неспешные и наглядные объяснения, делают урок очень понятным для всех..
спустя 4 года вашим урокам всё ещё нет аналога)) благодарю за полезные видео!
Ваши уроки настоящая находка! Очень доходчиво, хорошая подача. Спасибо большое!!!
Спасибо за урок. Как всегда всё ОЧЕНЬ понятно и доступно объясняете. Удачи.
Спасибо!
Спасибо огромное за уроки ! Самые лучшие по JS !
Спасибо!
Вот этот интересный урок, в том плане что открывает внутреннюю структуру элементов. Теперь понятно откуда взялся innerHTML :)
Спасибо, старался.
Удивительно понятные уроки ! Спасибо вам большое !
Спасибо вам за подробное объяснение.
Спасибо вам большое, мне очень интересно и на каждом уроке я узнаю что-то новое!
огромная благодарность автору!
Спасибо! Приятно!
очень доходчиво. Все понятно. Спасибо
Супер урок.
Спасибо!
реально все отлично!!! очень нравится, как Вы объясняете.!!! спасибо!!!!!!!!!!!!!!! с удовольствием бы брал у Вас уроки, если не дорого))) есть такая возможность?
Вы самый лучший !! )
Отличный урок
очередное огромное спасибо!)
Спасибо!
6:00 Чаёк)
увы, за годы преподавания голос - больное место, 20 минут говорю и садится полностью, из-за этого курсы и бросил.
спасибо, очень доходчиво!
Обясните плиз почему нету скобок () при вызове функции f1
p[i].onclick = f1;
Спасибо! Большое! Огромное! Все понятно.
По ссылкам на скачивание подвязаны файлы не с этого урока. По остальным урокам не проверял.
А почему событие onclick второй раз для функции f2 не работает,это событие отмечена в коде как просто строка
почему то у меня не работает
function f1(){
alert('hello');
}
var i;
i = document.getElementsByTagName('p');
console.log(i);
i[0].onclick = f1;
Супер! Спасибо :D
а можно тему которую вы используете в сублайм? чтоб сделать такое же оформление рабочей среды
github.com/buymeasoda/soda-theme
Какой плагин выделяет цвет pink?
Забыл прописать defer, не мог понять почему не работает! ))) 7:20
defer гарантирует что с начало будет загружаться DOM, и только после этого будут загружаться скрипты и выполнятся последовательно в порядке следования
Доброе утро! Помогите разобраться, пожалуйста. Не могу понять отчего не работает следующий код:
var p = document.getElementsByTagName('p');
console.log(p);
for (let i = 0; i < p.length; i++) {
p[i].onclick = f1;
}
function f1() {
alert("Hello!");
}
Ошибок не выдает, но и при клике на параграфы не работает. Проверял в Опере и Гугл Хром.
Так же не работает код:
var p = document.getElementsByTagName('p');
console.log(p);
p[0].onclick = f1;
function f1() {
alert("Hello!");
}
Но выдает ошибку: main.js:18 Uncaught TypeError: Cannot set property 'onclick' of undefined
at
и подчеркивает участок onclick = f1;
Кстати, а почему у Вас в видео f1 используется без () в строке p[0].onclick = f1;
???
помоему этот код устарел. у меня тоже не работает
Сделай вот так:
var p = document.getElementsByTagName("p");
window.onload = function(){
for (var i = 0; i
Alexey Bakushev у меня тоже не работает!
спасибо мужик помог!
У меня оба твои кода работают.
спасибо, все ясно.
огонь) спасибо
в JS бывает что из за одной ошибки не работает весь код, как я понял для этих целей есть тесты, вероятно что то вроде mocha, я не знаю насколько оно отличается от встроенного дебаггера в браузер и вообще для каких целей, если все таки это нужная вещь, запилите пожалуйста видео на эту тему, у вас лучше всех получается преподнести материал, если в планах такого не предвидится , то посоветуйте в какую сторону смотреть, если вообще это нужно для frontend
Постараюсь сделать!
Подскажите, где набивать руку практикой. Может существует какой нибудь задачник по JS начиная с самых азов? Спасибо!!!
что ни будь нашли? а то уже год туда-сюда гоняю этот js. уроки посмотрю - вроде всё знаю. а практики нет и через мес-два опять ничего не знаю и уроки смотреть)
если нашли можете поделиться?)
Девид Флиган - "JavaScript. Подробное руководство" Там и теория и практика, и много ещё чего интересного.
ReelTWO DialogtrackTWO, попробую, спасибо.
Почему такая функция не работает?
for( i = 0; i < p.length; i++){
p[i].onclick = f1;
}
function f1(){
console.log('work')
p[i].style.background = 'hsl(0, 50%, 50%)';
}
не меняет цвет бэкграунда?
напишите вместо p[i].style.background this.style.background - заработает. Внутри функция не знает что такое p[i]
Благодарю!
тоже как самое первое решение написал внутри функции p[i]. Но все же не совсем понял почему функция не знает p[i]. Ей же переменная i передается.
Наоборот, переменной p[i] передается функция f1. А так как в данном случае p[i] не глобальная переменная, то f1 про нее ничего не знает.
Добрый день!
Спасибо большое за урок!
Хотелось бы поинтересоваться: а почему при повторном клике на элементы с классом, не срабатывает функция со сменой фона?
Ведь элементы с классом one попадают в массив р.
Дякую!
Правильно я поняв что есть конструкция getElementBy, а дальше мы указываем без пробела к чему обращаемся...то есть class/id/tag ?
Не зрозуміло, чому на параграф 1 і 5 не подіяла функція f1, а тільки f2, хоча f1 розповсюджується на всі .
а что, разве 3:01 третья строка- разве не надо скобок после f1?
скобки ставите там, где хотите чтобы функция выполнилась
Ааа, я понел как работает this , спасибо огромное !!!
По мне это очень сложно - наверное самое сложное в JS
Нет, ты не понял
@@itgid сложнее чем прототипное наследование? Хз
Ты бы лучше об"яснил правильно почему в данном случае this возвращает елемент.
Не потому что "this это наш елемент", а потому что this это контекст, а метод мы вызываем в контексте елемента
Почему параграфы 2 и 5 реагируют только на функцию f2 и не реагируют на f1? Ведь f1 же на все параграфы распостраняется.
у параграфа есть свойство onclick. Когда мы назначаем f2 мы затерли функцию f1 для данных параграфов.
спасибо за ответ)
Дуже цікаво, коли написав ось так:
var p = document.getElementsByTagName('p');
console.log(p);
p.onclick = f1();
function f1() {
alert('Hello');
};
То все відпрацювало, але коли додаю індекс масива то при нажатті по ньому він не відпрацьовує.
Але якщо написати ось так p[0].onclick = f1; то при нажатті все працює.
Почему не срабатывает функция pink внутри функции f1?
function f1() {
pink();
}
function pink() {
this.style.background = 'pink';
}
Потому что вы не пояснили, что такое pink().
function f1() {
function pink();
}
Думаю надо так.
Спасибо большое за понятные уроки!
Скажите пожалуйста, почему не получается использовать в цикле "механизм" (не знаю как это назвать) for... of:
for (let i of p) {
p[i].onclick = f1;
}
Синтаксис правильный, выложите весь код на codepen. помогу
Спасибо за желание помочь.
Вот ссылка: codepen.io/SaggyA/pen/VjjpWZ
Консоль при обработке for... of выдает такую ошибку: "Uncaught TypeError: Cannot set property 'onclick' of undefined". И при этом не выполняется даже f2, цикл которой задан "классическим" способом"
codepen.io/luschenko/pen/JLEVxj?editors=1111
Смотрите, ошибка в том, что в данном цикле переменная i - не счетчик, а сам объект. Т.е. вы должны не p[i].onclick, а i.onclick писать. Тогда все работает. И лучше ее не i - называть, это сбивает с толку, а как-то типа singleElem
Спасибо большое за ответ!
А почему не работала функция f2()? Скрипт "спотыкался" на ошибке и дальше не шел?
Да, javascript в этом очень хитрый. Ошибка в одном скрипте а не работают везде.
ЗЫС :)
не работает функция, в инструментах пишет Uncaught SyntaxError: Unexpected identifier, в чем может быть причина?
var p = document.getElementsByTagName('p');
console.log(p);
p[0].onclick = f1;
Function f1 (){
alert('hello');
}
не может получить элементы со страницы.
а чем может быть причина, все подключено, алерт выводит коллекцию, припопытке выведения любого элемента массива пишет андефайнд,
var p = document.getElementsByTagName('p');
console.log(p);
alert(p[0]);
Скиньте код в codepen и пришлите ссылку.
codepen.io/anon/pen/EXoKgK
в кодпене все работает, а в браузере нет, не могу понять, в любом случае спс)
Просто подключите скрипт указанной строкой. Либо перенесите ваше подключение в самый низ, перед закрывающимся тегом body.
Что-то не работает :(
скорей всего вы уже поняли проблему, но а если нет, два варианта ( с этой проблемой и я сталкивался свое время)
1) автор подключает js код отдельным файлом, а вы в файле html подключаете джава скрипт без команды defer . или же просто подключите данный код перед закрывающим тегом body
2) опечатка в коде.
@@NightWooooolfДякую!! спрацювало!!
То есть мы сегодня работали как всегда смысле с id и DOM только без него смысле с тегом и DOM?)
тут как-то не понятно что значит 'work'
если думать логически, то в переводе на русский означает сработало.
вы можете написать вместо слова "work" хоть слово " Яичко" , оно все равно будет работать. считайте это слово некой переменной)
1000 👍 против 1 👎. Александр, вас даже хэйтеры любят)
Зысь))))
Дыс
Как перебрать элементы, проверяя length их текстового содержимого?
Допустим в html прописано следующее
1111111111111111111111 ldksfj
33333333333333333333333333 ldksfj
как мне в java skript перебрать элементы, проверяя length их текстового содержимое. Где текста больше ссылка должна о ставиться, где меньше удалится?. Мне просто завтра уже надо показывать скрипт времени уже почти не осталось. А иначе практику не засчитают. На вас последняя надежда. Уже нет времени обучатся.
Так интересно, кто же ставит дизлайки?
спустя два года на видео 1 дизлайк????
Pavel Kovalenko я красавчик