JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.

[@FreelancerLifeStyle]

РЕПОСТ! 🔴 Карта канала: bit.ly/36r29xV 🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle 🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle) 🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat) 🔴 Facebook: facebook.com/freelancerlifestyle 🔴 Instagram: instagram.com/freelancer.lifestyle

[@MegaTesei]

Капитан, а где шпаргалка по уроку? Которая на 30:55. Посмотрел во всех файлах - нет её. Ссылка на шпору: disk.yandex.ru/i/pnW0LVxezhPRJw не благодарите)

[@ГригорийШумихин]

Бро, аватарка вообще бесит. Как буд то ты троль левел 1000 Я понимаю что может ток меня бесить)так что сорян) но контент огонь спасибо тебе за инфу. Ты лучший) Но ава ваще фатал)

[@moscow8881]

да, материал от профи не стыдно порекомендовать

[@moscow8881]

@@ГригорийШумихин ава это полный треш согласен )))))

[@ivanosipau3001]

В общем пишу чтобы обьявить Жене благодарочку, в ноябре 2019 я, ничего не знающий и не понимающий в фронтенде, начал свой путь именно с этого канала, засматривал его до дыр. Сейчас я джуниор в хорошей компании, и я отдаю себе отчёт что Женин вклад в это очень значителен. Поэтому Женя, спасибо за твоё нужное дело, здоровья тебе и успехов!

[@valerijtoropenko6422]

Спасибо на хлеб не намажешь :))

[@FreelancerLifeStyle]

Супер! Я очень рад!

[@Denis-ws1vn]

Какое было вступительное задание? если не секрет

[@ivanosipau3001]

@@Denis-ws1vn Да небыло задания, были собесы, стажировка, опять собесы, изучение фреймворков, и наконец трудоустройство.

[@Denis-ws1vn]

@@ivanosipau3001 куда не глянь, все дают задания, типа сделать spa приложение

[@ffedchik]

На самом деле, дизлайки ставят люди, которые не могут найти ответ на вопрос почему раньше в их жизни не было такого грамотного учителя.

[@FreelancerLifeStyle]

Ахаха)

[@ПётрБуйницкий-ф8к]

согласен, абсолютли!))) Жека, ты крут👍

[@IgorRecorder]

О чём вы? Нормальные люди ищут "дом" (очевидно с суффиксом "два"), попадают сюда и в ужасе уходят. Ведь не дай Бог такой "DOM" и его деревце ночью приснятся. Некоторые, самые стойкие, успевают поставить дизлайк. Но их мало.

[@major_2143]

Умнічка, підлизав!

[@ГригорийШумихин]

@@FreelancerLifeStyle и те кто курсы продаёт)

[@konstantino7016]

Ещё не дошёл до этого урока, но зашёл чтобы поставить лайк и поддержать видео. В тоооооп!!!!

[@FreelancerLifeStyle]

Спасибо!

[@chitatel2476]

Аналогично) тоже еще не дошла до урока, но пришла с лайком)

[@ua5144]

)) Саме так))

[@DmitriMironov]

Я такого простого и быстрого разжовывания DOM еще не видел. Очень быстро и доходчиво! Спасибо!

[@FreelancerLifeStyle]

Я рад! Пожалуйста!

[@artyomnazarov8518]

Каждый раз, включая очередное видео, и слыша заветную фразу: "Привет, это фрилансер по жизни" понимаю, что дальше будет что-то мега-полезное и интересное😃 Жека, огромное спасибо тебе за твой труд и качественный материал!👍

[@FreelancerLifeStyle]

Я рад! Пожалуйста!

[@Володяоктябрь]

Как говорится нет непонятливых людей, есть только люди которые неправильно объясняют. Жека жму руку, тебе за все твои уроки Спасибо Тебе

[@FreelancerLifeStyle]

Пожалуйста!

[@gin101]

Создание новых элементов - Поздравляю у вас divочка)))))

[@FreelancerLifeStyle]

Ахахах)

[@andriystefanushun8455]

Я просто впевнений, що цей канал має стати найпопулярніший серед аналогів! Чудова подача матеріалу! Я звісно розумію, чому російською мовою подається матеріал, але було так круто мати таку якість подачі, тай ще і на рідній мові!

[@FreelancerLifeStyle]

Дякую! На рідній є інтерв'ю kzbin.info/door/JNVBfLijFSa_tBcrNZKZag

[@andriystefanushun8455]

@@FreelancerLifeStyle Знаю, і звісно передивився усі)

[@PerfectLee-pr6by]

Кто они эти 42 дизлайкнувших видео?? Это просто уму непостижимо! По одной из самых непростых, но интересных тем собрана выжимка всего основного, что необходимо для работы на начальном этапе! Лайк - это самое меньшее, чем можно отблагодарить автора. ✌

[@FreelancerLifeStyle]

Спасибо!

[@БогданЯцентюк-ч9ч]

Это конкуренты, которые ведут платные курсы )

[@renisnow]

наверное те, у кого глаз дёргается, от английского произношения))) видео, конечно, супер и правда полезное, но английский....Если меня так будут спрашивать на собеседовании про прэвиас саблинг - я ничего не пойму, потому что в моей голове это привиус сиблин, ибо мой английский лучше, чем программистский)))

[@-shorts1875]

35:56 - чисто моя реакция, когда смог изменить строчку с помощью js и уже представляешь себя великим фронтендером 😂😂😂 Огромное спасибо Жене, с ним за час я понял то, чему меня в колледже мурыжили месяцами!! ❤️👊🤗

[@irinal337]

а моя на 54:40, когда меняла цвет объекту. Магия 😃

[@chudotech]

ДА!!! Я повелитель кода! )))))))))

[@harpeter9752]

Якісний контент. Структурований, послідовний, доступний, справді навчальний матеріал, а не просто збірка інформації по темі. Також чудовий звук, картинка і ще багато іншого. Робота, яка вартує більшого ніж вподобайка. Лишилось попрацювати над вимовою англійських слів, чим Женя зараз займається, наскільки мені відомо і в чому я бажаю йому успіху

[@ЕленаКозлова-э1ж]

Спасибо, огромное! Я просто представляю, какой это гигантский труд, так грамотно составить объяснения, что бы дошло даже до меня! Потому что, сколько я не пыталась понять, что такое DOM, ни кто толком объяснить не мог. У Вас получилось. Я теперь более уверенно буду учиться дальше и у Вас в том числе.

[@FreelancerLifeStyle]

Я рад что полезно!

[@denismaltcev3356]

Титанический труд спасибо 🙏

[@FreelancerLifeStyle]

Пожалуйста!

[@Алла-н5г]

Жека, спасибо! 🔥👍 Домашка: №1: Я поняла задание так, что в итоге в консоли необходимо увидеть значение атрибута, т.е. "yes": const elemOne = document.querySelector('[data-say-hi]'); const attr = elemOne.getAttribute('data-say-hi'); console.log(attr); или: сonst elemOne = document.querySelector('[data-say-hi]'); console.log(elemOne.dataset.sayHi); №2: const textElement = document.getElementsByTagName('li')[1]; const textElementContent = textElement.textContent; console.log(textElementContent); или: const textElement = document.querySelectorAll('li'); for(const elem of textElement) { const textElementContent = elem.textContent; if(textElementContent === 'Йончи') { console.log(textElementContent); }; }; №3: const elem = document.querySelectorAll('.like'); console.log(elem); №4: Никуда не добавится, т.к. будет ошибка. Для решения проблемы необходимо использовать не метод ".querySelectorAll" , а метод ".querySelector" и тогда текст вставится в виде третьего пункта в конец тега .

[@ЯрославБілоконь]

Ты супер, спасибо что есть с кем свериться!!

[@thththththth_]

4 номер const element = document.querySelectorAll('ul')[0]; Можно просто дописать этот нолик в конце и всё тоже

[@Алла-н5г]

@@thththththth_ Точно. Спасибо!

[@thththththth_]

@@Алла-н5г тут настрлькр дружелюбное сообщество, что иногда аж странно как то

[@Алла-н5г]

@@thththththth_ Какой Жека, такое и сообщество! 🤣👍

[@Avyazovoi]

Женя, прошёл уже почти года, учил с тобой все с нуля.. прошёл все по верстке, все записал в конспект и все сделал на практике! Был патроном, и даже уже устроился на работу :) хоть и работаю бэкенде, но тебя продолжаю смотреть и тема dom как ни когда к стати! Твоя подача и шикарный голос будто бальзам на душу 🤣🤣🤣 респект тебе

[@goodgamershow6505]

За сколько месяцев учений вы смогли устроиться на работу?)

[@Avyazovoi]

@@goodgamershow6505 фронту уделил 2 месяца и беку(php) 4 месяца и разослал резюме в 3 компании 2 из которых позвали на совбез и обе же дали офер! Главное верить в свои силы и показать заинтересованность в работе. 24.03 будет ровно год с первого моего рабочего дня. Удачи в учёбе

[@Node2020]

@@Avyazovoi какой у Вас возраст?

[@Avyazovoi]

@@Node2020 будет 32 через месяц

[@andrewc3942]

@@Avyazovoi какой у вас был план обучение, поделитесь пожалуйста + какие источники использовали для познания php

[@zmeygorynych5684]

Сейчас чисто объективный комментарий - лучше этих видосов по вёрстке просто не существует! Жека ты лучший, спасибо тебе)

[@FreelancerLifeStyle]

Я очень рад! Пожалуйста!

[@magnosierra8291]

Женя, спасибо, что подарил нам DOM!

[@FreelancerLifeStyle]

Пожалуйста))

[@k0FFe]

Велике спасибі за ваші старання,чудовий і дуже корисний урок дякую!!!

[@FreelancerLifeStyle]

Будь ласка!

[@tarasshevchuk8477]

Дякую, Женя, за корисний контент! Респект!!!!!!!!!!

[@ChristinaShevtsova-q8n]

Господи, Женя живи вечно, здорово и счастливо и не бросай записывать такие крутые уроки!!! Спасибо огромное! С твоих уроков начался мой путь и никого лучше тебя в преподовании нет! Браво! P.S.: Наконец-то до меня дошло!

[@FreelancerLifeStyle]

Я рад!

[@gromslaive4641]

Брат, дай бог тебе здоровья и счастья!

[@FreelancerLifeStyle]

Спасибо!

[@n1ght312]

Ура, наконец-то одна из самых важных тем! Спасибо большое

[@FreelancerLifeStyle]

Пожалуйста!

[@1MrAnonymous11]

Для тех кому сложно - делите видео по частям.Например 10-15 минут посмотрели,попрактиковали,потом еще 15 мин.Это лучше чем сто раз смотреть длинные видео в итоге нечего не запоминать).

[@mariavoloshyna6459]

Я вообще исключительно с конспектом смотрю ))

[@emirrrrr123]

тайм-коды в помощь в описании

[@andreyzatsepin_ua]

Я ще й конспектую. Бо так звик))

[@sergkyrios]

Скажи, для тех кто в панике, пожалуйста, это все нужно в памяти держать? !! Именнно, что , куда и для чего? Прямо не понимаю. если да, мне сто лет нужно....и бросать не хочется, и выучить, как по мне - НЕВОЗМОЖНО на память.

[@avarskiyaslahan8213]

@@sergkyrios Всё придёт потихоньку. Он это рассказывает слишком много и информативно, это огромный плюс. Ты не должен всё сразу запоминать, это придет с практикой. Когда что-то понадобиться ты начнешь использовать и так ты освоишь много, но по чуть-чуть каждый день/неделю/месяц

[@olegsemenukha4107]

Долгожданный урок!!! ❤️🙏

[@FreelancerLifeStyle]

Это да)

[@maxtwerskoj9330]

Огромное спасибо за урок!!! Я ещё не дошёл до этого урока, но зашёл поставить лайк, уже думал что по JS ничего не будет, а тут такое)

[@FreelancerLifeStyle]

Спасибо!

[@svetlanapokrovskaya7798]

Нет слов. Женя, спасибо тебе огромное! Все очень понятно и доходчиво, просмотрела на одном дыхании, кое-что себе даже законспектировала))) Ты лучший учитель! Процветай!

[@FreelancerLifeStyle]

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

[@shukonfadah5725]

все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье

[@gritsienkooleg3447]

Боже, зачем нужны универы, если в них не обучают такие великолепные преподы как Женя)! Реально, спасибо огромное за такой труд. Чтобы объяснить так доходчиво и без воды в кратчайшие сроки - надо конкретно проработать материал и найти оптимальный подход. Спасибо, Сенсей!))

[@Делакруа́-ы9щ]

А Вы определились с тем, как Вы будет это применять на практике?

[@Рыцарьдорог-ы9й]

Жека, ты красавчик. Благодаря тебе HTML и CSS выучил, и с JS тоже сильно помогаешь!

[@renkodima]

Спасибо за твой труд! Не одни курсы такие знания и подачу материала не предоставят!)

[@FreelancerLifeStyle]

Пожалуйста!

[@ФельдманШрайк]

Лично для меня Жека смог расставить всё "по полочках" в теме DOM. С самого начала обучения JS я недопонимал DOM и работу с ним. Раз даже пытался заучить на память))) Теперь пришло полное понимание. Спасибо!

[@ИльяАликин-щ3ю]

Женя, пожалуйста, сделай видео по JS с некоторыми "трудными темами", чтобы наша картина была полной, спасибо за такое крутое объяснение!!!!

[@ICE777_]

Самый качественный гайд/туторил/проводник как не называй это самый лучший видос про DOM и как с ним можно работать. Авторская подача и монтаж это the best в ру нете. Спасибо Жека что ты есть :)!

[@FreelancerLifeStyle]

Я рад! Пожалуйста!

[@goodsheriff7844]

Евгений, вы ювелир! :D

[@FreelancerLifeStyle]

Спасибо!

[@kefirpresents433]

Дуже дякую за урок, коли дивлюся твої відео завжди забуваю про час. Учитись одне задоволення дякую.

[@kenkan5342]

Столько мало просмотров, за такой огромный труд, не справедливо

[@FreelancerLifeStyle]

Согласен)

[@deevue_sews]

Жека спасибо тебе огромное! Я как раз по твоему уроку решил задачу с которой не мог справиться несколько дней. Мне не позволяла как выяснилось, статичная коллекция! Я и знать не знал что такое есть, а тут посмотрел твой урок и увидел прям свою ситуацию с необходимостью получить живую коллекцию. И все получилось!!!!! Ты просто невероятный чувак), хотя признаться я не от всех твоих уроков в восторге, но одно точно, что ты всё делаешь не зря и ты делаешь очень нужное и полезное дело! Спасибо тебе огромное!

[@AntonioBenderas]

Жека, величезна подяка тобі за освітню діяльність на благо суспільства !

[@ginseng_ua]

Супер ! Спасибо огромное за Ваши старания! Видео урок 🔥🔥🔥

[@FreelancerLifeStyle]

Пожалуйста!

[@МарияЗеленская-ъ6х]

простое "спасибо" даже стыдно говорить. не найти слов благодарности для такого человека, как вы! вы просто так дарите людям такую невероятную возможность овладеть новой профессией, прикладывая к этому столько стараний. низкий вам поклон за такой труд! 💙💛

[@952a259]

Спасибо большое за уроки! Дякую за праццю, та якнайшвидшой перемоги!

[@ОлександрБлажчук-ц8ь]

Кращий... Еталон підготовки та подачі матеріалу. Дякую! )

[@FreelancerLifeStyle]

Будь ласка!

[@ОлегМарченко-ы2ь]

Мой день УЖЕ прошел не зря. Супер!

[@FreelancerLifeStyle]

Я рад!

[@Toolie-u9w]

Спасибо за ваши курсы. Заметил реальный прогресс в веб разработке. Продолжайте в том же духе, желаю удачи!

[@FreelancerLifeStyle]

Спасибо!

[@kates9455]

Спасибо Вам, Евгений! Супер уроки. Один из любимых каналов. Очень рада что теперь тут и JS

[@FreelancerLifeStyle]

Спасибо!

[@pitbrest]

Жэкины уроки как бальзам, спасибо за твой труд!

[@АсяХаликова-в7б]

Восхитительное объяснение! С нетерпением буду ждать продолжения! Спасибо большое!

[@FreelancerLifeStyle]

Пожалуйста!

[@denjs24]

Спасибо тебе за классные уроки , после них прям хочется идти творить чудеса в js.

[@FreelancerLifeStyle]

Я рад!

[@bondbond9517]

Неймовірно ефективна подача інформації! По ходу мало хто зробив 4-те завдання, а воно з приколом). До речі, lifehack: повторно відео краще дивитися на швидкості x2.

[@МаксимСтасюк-у3й]

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

[@ЕГорЛетов-ф5с]

один из лучших на ютубе в плане объяснения JS

[@user-hw9cs6te5y]

Видео отличное. Приятно изложенный материал. Учить с вами что-то - одно удовольствие! Спасибо большое за ваш труд

[@КоляКовал-ш7л]

Чудовий урок! Лаконічно і структуровано . The best!

[@FreelancerLifeStyle]

Дякую!

[@-UAcontent-]

Даже получилось написать код не подглядывая;))) Благодаря твоим урокам! Спасибо за твой труд!!!!!

[@alexanderalexander7722]

Все грамотно и толково объяснено. Все понятно как дважды два. Очень хорошая подача информации. СПАСИБО! PS: Жаль только что какие-то идиоты ставят дизлайки. Наверное им жена не дала так они и гадят. А может и сами ведут говнокурсы, берут за это с людей бабки и при этом информацию дают как попало. Женя, не обращай внимание на этих идиотов! Ждем твоих новых уроков!

[@FreelancerLifeStyle]

Спасибо!

[@AlexStolbovakariturnel]

Спасибо, Женя! С меня лайк и поделиться не забыл. Очень рад, что открыл для себя твой канал, желаю тебе всестороннего развития твоего канала. Спасибо!!!

[@FreelancerLifeStyle]

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

[@АндрейВолков-р5е]

Целый день потратил что бы просмотреть и вникнуть в этот час.СПАСИБО

[@sergiobolotov2597]

Спасибо тебе друже за прекрасно структурированную информацию и хорошее объяснение! Молимся о прекращении войны.

[@Daniil-11]

афигенный видеокурс! Ты помог мне начать программировать сайты, теперь повторяю забытое по твоим уроках. Спасибо за старания!

[@ViacheslavM3192]

Очень полезный урок! Море нужной информации! Очень впечатляет твоя подготовка к уроку, и вот эти моменты с "я подготовил шпаргалку" :)

[@deniskotov]

Как же я жду следующий урок!) Самый лучший и полновесный урок по DOM в этой части Галактики!

[@FreelancerLifeStyle]

Спасибо, работаю над этим

[@KynepRe]

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

[@tylerdurden9008]

Получаю кайф во время просмотра данных роликов. Получаю большой заряд позитива, много ценной информации и применяю это на практике. Трудно представить какой труд проделал автор, чтобы предоставлять такой годный контент в лучшем формате. Большое спасибо!

[@Saveli_Sh]

Пересматриваю видео, спасибо за такой качественный материал!

[@ThevideOoLoadeR]

Не устану повторять - ТОООООП. Спасибо за хорошо структурированную инфу и такую же подачу.

[@МаксимФамилия-ъ8ф]

Из Вас получится очень сильный учитель

[@see5320]

Жека, спасибо тебе за труд! Я с огромным удовольствием смотрел твой курс по верстке, теперь буду смотреть по JS. Детальный разбор и наглядные примеры. Благодаря тебе все становится понятней. У тебя талант!

[@FreelancerLifeStyle]

Спасибо! Я рад!

[@hovsargsyan7778]

мне всегда нравился твоя подача информации. Спасибо большое

[@FreelancerLifeStyle]

Пожалуйста!

[@axin1788]

Жека, как всегда топ урок! Лучше, чем и некоторые платные, ты просто спаситель. С нетерпением ждём следующий урок ✌️🎉👍

[@FreelancerLifeStyle]

Спасибо!

[@PavloShkura]

Дуже дякую за гарну подачу матеріала.

[@FreelancerLifeStyle]

Будь ласка!

[@ВячеславКосолапов-з5д]

Спасибо за хороший урок! Никакой воды, все четко, грамотно и структурировано. Мог бы поставить 100 лайков поставил бы!

[@FreelancerLifeStyle]

Пожалуйста! Всегда можно сделать репост в соц. сети))

[@ВячеславКосолапов-з5д]

Если бы шпаргалка ещё была, то это было бы вообще Мега круто. Хотя понимаю сколько времени и сил стоило записать такой годный контент! По вашему видео надо будет сделать мини конспект, так как держать в голове столько методов и свойств начинающему сложно. Ещё раз спасибо за то, что ты делаешь!)

[@АлексейДевентейчик]

Просто лучший контент для новичков, особенно по вёрстке!) Спасибо, Жека!!!

[@me-dc2ex]

Долгожданный выпуск! 😃

[@FreelancerLifeStyle]

Ага)

[@cheesecheesson9842]

Это гениально, лучшее видео на ютубе по DOM

[@mathlover7471]

Выпуск бомба. Почти никогда не пишу комменты, но этот выпуск действительно очень крутой, ведь умение правильно работать с домом это очень важный навык. Жека, большой тебе респект!))

[@РоманБезшийко-к9х]

Як я на нього чекав! Дякую🙏

[@FreelancerLifeStyle]

Будь ласка

[@ОлегЯровиков-м3з]

-Теть Галя, а Жека DOM-а ? - Заходите ребята, он как-раз новое видео записал

[@FreelancerLifeStyle]

Ахах)

[@Сергей-ю8и1х]

Спасибо! Как весь контент на канале - бесценно!))

[@FreelancerLifeStyle]

Я рад что полезно!

[@Iron_Sea]

Огромное спасибо автору! Очень понятный и полезный урок, все по полочкам разложил. Лайк и подписка!

[@kotlancer]

Контент оказался очень полезным! Большинством уже пользовался, но теперь пришло и понимание!)))

[@FreelancerLifeStyle]

Я рад!

[@serezha_videoblog]

Наконец-то! Дождались!

[@FreelancerLifeStyle]

Ура!

[@drive_to_achieve]

Нереально круто, доступно, понятно. Просто самый лучший в своем деле! Спасибо Фрилансер по Жизни за годный контент. Лайк от души!

[@ukrainian9773]

Вподобайка). Відео подивлюсь потім, коли доберусь до цієї теми).

[@hleb_ushek2996]

ЦЕЛЫЙ ЧАС! Давно таких комплексных уроков не было. Спасибо что стараетесь для нас.

[@FreelancerLifeStyle]

Пожалуйста!

[@chudotech]

Человечище!!! Спасибо за эту огромному работу!!!

[@denisk.1213]

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

[@FreelancerLifeStyle]

Спасибо!

[@СергейКозачук-м5ь]

Здравствуйте! Мой вариант выполнения домашнего задания. Задача №1. Получить в переменную элемент с атрибутом data-say-hi и прочитать значение этого атрибута. Привет! Решение. Способ 1. const data = document.querySelector('[data-say-hi]'); const result = data.getAttribute('data-say-hi'); console.log(result); Способ 2. const dataElem = document.querySelector('[data-order]'); console.log(dataElem.dataset.order); Задача №2. Получить в переменную элемент с текстом Йончи Корчи Йончи Решение. Важно. Нужно получить именно елемент, а не просто его содержимое (content). Получение в константу list 14-ого элемента списка (сквозной поиск). const list = document.querySelectorAll('li')[14]; Используя свойство outerHTML получаю html-разметку элемента + содержимое. const yonchi = list.outerHTML; console.log(yonchi); Задача №3. Получить в переменную коллекцию элементов с классом Like Решение. const like = document.querySelectorAll('.like'); console.log(like); Задача №4. Куда добавится элемент Текст? JS const list = document.querySelectorAll('ul'); list.insertAdjacentHTML( 'beforeend', 'Текст' ); HTML Пункт №1 Пункт №2 Решение. Если выполнять код по условию задачи то объект Текст никуда не добавиться. Консоль вернёт ошибку. Причина в совместной работе метода поиска querySelectorAll и методе вставки insertAdjacentHTML. Метод поиска ищет все доступные объекты в соответствии с указанным селектором. Затем метод вставки пытается вставить новый объект во все найденные методом поиска объекты. Но insertAdjacentHTML метод вставки, он применяется единожды одному выбранному объекту. Это не функция с циклом, которая вновь и вновь будет вставлять новый объект в во все ранее найденные. Как решить эту проблему? Есть два пути: 1. Добавить к методу поиска номер (индекс [ ]) конкретного объекта к которому нужно применить метод вставки. 2. Изменить метод поиска на .querySelector. Данный метод будет прекращать поиск сразу же после того, как найдёт первый соответствующий селектору объект. Остальные объекты с таким же селектором этот метод уже искать не будет. Поэтому, если нужно добавить новый объект к определённому узлу, то удобнее воспользоваться 1-ым способом. Либо использовать id. const list = document.querySelectorAll('ul')[5]; list.insertAdjacentHTML( 'beforeend', 'Текст' );

[@IrinaStasuk]

У меня решение Задания №2: let li = document.getElementsByTagName('li'); let liValue = li[1].innerHTML; console.log(liValue);

[@uk-lych_sveta]

ЕвГений, спасибо тебе за труд, ждём продолжения по JavaScript. Я с огромным удовольствием смотрю твои курсы по верстке, теперь буду смотреть по JS. Благодаря детальному разбору и наглядным примерам все становится понятней. Будь здоров и счастлив!!!

[@nobody-here_2000]

Взагалі лайк і закриваю! Ну тут той випадок коли треба зайти і сказати! У вас талан - пояснювати. Все супер: приклади чоткі, зрозумілі без лишньої води. Дякую!!!!

[@НайтиСебя-у6щ]

Евгений, ты гений! Спасибо за уроки!

[@user-hi8rw9kk9v]

Получаю удовольствие от просмотра такого качественного контента. Видно что человек вкладывает в это дело свою душу. Благодарю!

[@liza_hazard]

35:57 Вот ради этих моментов я и люблю программирование)))) Спасибо за видео)

[@thththththth_]

ещё то, как он сказал домашка в первых роликах по js, когда было первое дз

[@АндрейАнтонюк-ц1ы]

Жека, я хочу ещё раз выразить тебе свою благодарность за твою работу и твои уроки) Благодаря тебе я стал гораздо лучше разбираться в JS)

[@dechto1]

Спасибо за труд! Как всегда на высоте!

[@FreelancerLifeStyle]

Пожалуйста!

[@АртемПетренко-к1ж]

Жень я прям слышу как ты стал медленее рассказывать, как будто знаешь что мой мозг буксует :D. Спасибо)

[@alexivanov8239]

Это монументальный труд) Въехал в DOM полностью)

[@VitaliiMaevskii]

Думаю у этого урока будет очень много просмотров. Оно много объясняет на практике, в частности для чего нам была нужна теория из предыдущих уроков по js. Кто не смотрел предыдущие уроки, обязательно смотрите. Мне очень помогло понять многие моменты и закрыть достаточное количество вопросов. Спасибо за урок. Как всегда, без воды и самый сок!) Только вперед!

[@FreelancerLifeStyle]

Все верно, спасибо большое!

[@woodDacha]

Как всегда концентрация полезности просто зашкаливает. Чую еще не раз буду пересматривать! Большое спасибо за такую качественную работу!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@ЕкатеринаСеменова-ю3о]

Женя, хочу сказать спасибо за ваш канал, хотя я еще нахожусь почти у истоков изучения всех материалов что здесь есть, тем не менее пересмотрела уже курс по верстке, сверстала макет для новичков с адаптивом, сейчас вот приступила к курсу по JS, а далее наметила препроцессоры и сборщики. И вообще, просто не терпится если честно изучить все-все-все что у вас тут есть! В общем стараюсь придерживаться того плана что вы описали для обучения фронтенд-разработчика и как-то даже тормозить себя чтобы не хватать по верхам :). Вы даете огромную мотивацию и веру в то что все получится. До того как нашла ваш канал не было четкого понимания с чего начинать и как двигаться дальше на пути к желаемому. Еще раз спасибо! Вы лучший!

[@Eien_no_gakusei]

как успехи?