Тёмный

Уроки JavaScript для начинающих / #3 - Вывод информации. Работа с консолью 

Школа itProger / Программирование
Просмотров 229 тыс.
50% 1

Вывод информации - важная часть в любом языке программирования. Мы научимся выводить информацию в консоль, а также прямиком на страницу веб сайта. Дополнительно за урок мы познакомимся с консолью разработчика.
✅ Полезные ссылки:
Урок на сайте itProger: itproger.com/course/javascript/3
⏰ Тайм коды:
00:00 - Начало
00:18 - Где писать код?
01:45 - Вывод информации через «document.write»
06:08 - Вывод в консоль через «console.log»
09:30 - Дополнительные методы вывода
12:28 - Создание ДжаваСкрипт файла
14:57 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #itProger 👨🏼‍💻
- Все уроки по хештегу #itprogerLessons

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

 

16 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 189   
@kimmallu9895
@kimmallu9895 2 года назад
Спасибо тебе большое :P
@dum-dum54
@dum-dum54 Год назад
p{ fontsize:100px; fontweight: bold; }
@gylnyrtologonova6813
@gylnyrtologonova6813 Год назад
😂
@hack-club6514
@hack-club6514 Год назад
p { color:white; background:red; height:100px; weight:120px; border:2px solid black; border radius:0 20px; text-align:center; padding-top:8px; font-weight:bold; } (Должна получится табличка в стиле спасибо тебе большое)
@aslanchik7306
@aslanchik7306 Год назад
p:hover} background-color: green; }
@yaroslavgo2980
@yaroslavgo2980 10 месяцев назад
p{ color:blue; text-shadow:1px 1px lightblue; border: 2px solid green; } p:hover{ color:green; border-color: blue; font-weight: 700; }
@dmitry_beresten
@dmitry_beresten Год назад
Щиро дякую за цікавий урок! Вивчаю веб-розробку.
@ReZoX_
@ReZoX_ 3 года назад
Большое спасибо за ваши уроки! Вы объясняете очень хорошо и понятно
@Natalia-2707
@Natalia-2707 2 года назад
Какое чудо, что я Вас нашла!!!! Уроки раскрывают все мои вопросы, с которыми я тыркалась и искала , все подробно, прямо для чайников 😁. Спасибо огромное за Ваш труд. Супер👍
@kok4529
@kok4529 8 месяцев назад
привет, есть какие продвижения в web спустя год?
@textpistels
@textpistels Год назад
Спасибо большое! Очень интересно слушать
@aisultanaidynbai7944
@aisultanaidynbai7944 3 года назад
Привет! Смотрю все сборники (для веб) очень круто делаете.
@alexbelltop
@alexbelltop 3 года назад
Ты крут! Лайк!
@Fjgfuhc
@Fjgfuhc 8 месяцев назад
Блин, чувак спасибо тебе огромное, обожаю тебя❤
@dowletdurdymyradow4374
@dowletdurdymyradow4374 3 года назад
Просто спасибо.
@olehpastovenskyi6441
@olehpastovenskyi6441 3 года назад
Спасибо, дружище!
@danilbadretdinov2787
@danilbadretdinov2787 3 года назад
Спасибо за твой труд!
@poly_golf
@poly_golf 3 года назад
Огромное спасибо.
@InternetKlaviaturka
@InternetKlaviaturka 2 года назад
Пасиба, ты единственный кто сказал зачем нужна консоль
@user-xw8qg3iy5h
@user-xw8qg3iy5h Год назад
Спасибо огромное за ваши уроки!! Так круто, что все очень подробно объясняете. Рада, что нашла вас😊 уже прошла курс по html и css ✌️
@akigazzz
@akigazzz 6 месяцев назад
привет есть ли какие-то успехи год спустя?
@user-zi7gw8sx8d
@user-zi7gw8sx8d Год назад
Хорошо рассказываешь.
@Burovasofia
@Burovasofia Год назад
спасибо за урок
@user-bp3mr5ox3w
@user-bp3mr5ox3w 3 года назад
Спасибо!
@Kristina-zn3co
@Kristina-zn3co 2 года назад
Спасибо. Лайк👍
@user-zq7vl9tu4h
@user-zq7vl9tu4h 2 года назад
Супер очень благодарен
@darksnaper
@darksnaper 3 года назад
Никогда не думал, что ты так хорошо будешь объяснять
@voicegraffiti4849
@voicegraffiti4849 3 года назад
Ставлю лукас!
@user-mv4xj3je3r
@user-mv4xj3je3r 3 месяца назад
Благодарю!🎀
@MrLastTouch
@MrLastTouch 3 года назад
Очень крутые уроки, начинал смотреть еще с HTML и очень сильно продвинулся благодаря урокам. Хотелось бы еще увидеть новые уроки по VueJS, React & Angular. Благодарю
@itproger
@itproger 3 года назад
Спасибо, приятно слышать :)
@spongebob1369
@spongebob1369 3 года назад
@@itproger здравствуйте, очень хороший курс но у меня есть пара вопросов. Что эти команды head, body и тд означают?
@spongebob1369
@spongebob1369 3 года назад
@@itproger и ещё : зачем нужно закоментировать определённую строчку как вы например сделали это с document write. Для чего это нужно и что это вообще делает?
@sleepingowl3772
@sleepingowl3772 3 года назад
@@spongebob1369 Привет, смотри, что бы понять что делают эти теги, тебе надо посмотреть курс по html тогда станет понятнее
@sleepingowl3772
@sleepingowl3772 3 года назад
@@spongebob1369 если ты что-то закоментировал, это означает что эта строчка кода не будет читаться браузером, обычно так делают что бы оставлять пометки для себя, или для людей которые будут читать твой код.
@Daniel-bm5jw
@Daniel-bm5jw 3 года назад
Спасибо
@user-my5bl2uk2w
@user-my5bl2uk2w 2 года назад
Большое спасибо за ваши уроки! Вы объясняете очень хорошо и понятно !!!!
@itschool290
@itschool290 2 года назад
зачем блогиатить
@bohdanhorbyk5106
@bohdanhorbyk5106 Год назад
Красавчик, спасибо тебе за знания. Подача топчик.
@Z1k014
@Z1k014 3 года назад
Круто
@user-cl2yn2qx4g
@user-cl2yn2qx4g 2 года назад
Подскажите .В редакторе VCcode набрал задачу с выводом в консоль.В Хроме задача видна а в консоле нет .В чем проблема?
@ersultanpolyxman
@ersultanpolyxman 3 года назад
Топ контент
@Virusnik
@Virusnik Год назад
Твой комментарий первый
@sliksvaiper5700
@sliksvaiper5700 Год назад
Какую лучше использовать программу для программирования ?
@armenmarkaryan3180
@armenmarkaryan3180 4 месяца назад
Привет, я новичок в этой сфере, только учусь этому всему, хочу стать тестировщиком, и нашёл твои полезные видео) спасибо тебе большое за столь познавательные видео, скинь пожалуйста ссылку на программу( Атом) я искал его мне не выдаёт. Буду очень признателен тебе)))
@serzzres
@serzzres 2 года назад
спасибо за уроки. при написании document слово синими буквами а не красными что делать почему так
@dmitriystr
@dmitriystr 3 года назад
Спасибо за новое видео , жду урок как с помощью js на сайте отображать видео лежащее в папке в сайте!😀
@itproger
@itproger 3 года назад
Здесь JS не нужен, ведь за это отвечает обычный тег video :)
@dmitriystr
@dmitriystr 3 года назад
@@itproger а тогда как разные виды плеера делать ? ( ͡° ͜ʖ ͡°) ¯\_(ツ)_/¯
@user-xb7uo2xk4n
@user-xb7uo2xk4n Год назад
Нужен хелп, я использую Visual Studio Code и там когда я пишу код, то страница не обновляется, приходится полностью заново открывать код или же "start debugging" с проги. Помогите, в чем проблема?
@user-vu7cv4rj2j
@user-vu7cv4rj2j 8 месяцев назад
Для тех у кого в браузере не выводит файл main.js и показывает пустую строку в console. Посмотрите внимательно, у вас точно в main.js прописаны команды консоли?. Т.е. в index вы даёте ссылку на файл main, а в нём должны быть команды, только тогда браузер их увидит в console. Если файл main пустой, то и console чистая, пустая.
@clacon1
@clacon1 7 месяцев назад
у меня в main.js все прописано но у меня там вылезает ошибка и console пустая
@user-kx4ho1bu5l
@user-kx4ho1bu5l 8 месяцев назад
Списибо большое😊
@Killua_Clever
@Killua_Clever 3 месяца назад
Окей
@m1akarov442
@m1akarov442 2 года назад
интересно
@uniRed6
@uniRed6 2 года назад
Я включила JS в Хроме, но на станицу "index.html" ничего не выводится
@epic9333
@epic9333 Год назад
у меня тоже самое
@tixonochek
@tixonochek 3 года назад
3 Урок и мы не начали изучать переменные? Не обычный курс, но крутой!
@itproger
@itproger 3 года назад
Спешить не стоит, в следующем уроке они уже будут)
@tixonochek
@tixonochek 3 года назад
​@@itproger Никогда не видел чтобы какой то ютубер мне так быстро отвечал.. И да, я уже дошел до 10 части, понял уже. Правда я тут кое что не пойму, может быть подскажете? 1 Вопрос: Я перечитал инфу на миллионе сайтов, но нигде так и не сказали как мне в функции обьявить глобальную переменную. Везде говорят разное, и оно всегда не работает. Мне нужно чтобы была функция которая создает переменную, глобальную, чтобы другая функция могла взаимодействовать с этой "чужой" переменной из другой функции. Поможете? 2 Вопрос: Как мне сделать счетчик "переменной" на сайте? Читал про всякие innerHtml но ничего не понял. а document.write постоянно создает новый текст, а мне изменять старый надо. IDLE-Текстовую игру то хочется
@quadroninja2708
@quadroninja2708 Год назад
@@tixonochek все, что объявлено в функции, остаётся в области видимости функции. Глобальную переменную можно объявить в глобальной области видимости и в любых функциях их использовать
@BastetRa
@BastetRa Год назад
а у меня почему то выдаёт net::ERR_FILE_NOT_FOUND. что делать?
@Dmitry09948
@Dmitry09948 9 месяцев назад
Здравствуйте, пишет что не разрешено загружать локальный ресурс.Подскажите пожалуйста как можно это исправить?
@user-ms8wz6bc5e
@user-ms8wz6bc5e 2 года назад
Atom начал подтормаживать при написании внутри scrypt. Это нормально?
@sellr23
@sellr23 11 месяцев назад
как ты изменил вид консоли в браузере?
@akigazzz
@akigazzz 6 месяцев назад
люди расскажите у кого какие успехи в сфере веб кодирования, я сейчас отучил html & css и начинаю учить js, мне интересно у кого как все шло или идет, достиг ли кто-то к чему-то и у кого что идет не так
@user-qf8gp1qq2i
@user-qf8gp1qq2i 5 месяцев назад
Я пока только начал,у меня всё получаеться и постепенно набирается опыт
@uniRed6
@uniRed6 2 года назад
Page layout may be unexpected due to Quirks Mode Такая проблема в коде страницы Пишет ещё, что этот файл не HTML
@sophiemilash1968
@sophiemilash1968 3 года назад
Какие темы в Atom Вы используете? Просто настолько приятные цветовые сочетания.
@BohdanUA
@BohdanUA 3 года назад
У меня такой же атом, стандартная тема
@user-jh7xp9xy8m
@user-jh7xp9xy8m 2 года назад
как также настроить консоль в хроме просто удобнее работать в такой как у вас
@user-wl9fm9br7s
@user-wl9fm9br7s 2 года назад
а можно ли подключать файл JS через ?
@kirillplay__4112
@kirillplay__4112 Год назад
Да, подключается точно так же, как и css-файлы
@user-ej7oo5xd3p
@user-ej7oo5xd3p Год назад
👍
@watchtvshow2552
@watchtvshow2552 Год назад
Блин в пайчарм работаю, сделал все как на видео в браузере открываю консоль он мне пишет что не удалось загрузить файл,
@user-zf8xr5do5m
@user-zf8xr5do5m Месяц назад
Как сделать чтбі на одном экране одновременно и был открыт файл html и окно браузера?
@dmitriyn164
@dmitriyn164 2 года назад
как называется расширение что бы в браузере сразу видеть результат изменений в коде?
@FLASH.
@FLASH. 8 месяцев назад
live server )
@theforestel7720
@theforestel7720 3 года назад
console.log("Я говорю тебе привет"); я пишу в скрипте и не пропадает текст а на видео пропадает
@darksnaper
@darksnaper 3 года назад
Перед текстом поставь //
@mewtwo8878
@mewtwo8878 3 года назад
что-то жесткая перезагрузка при зажатии клавиши мыши не выскакивает. браузер гугл хром
@LimitlessLine
@LimitlessLine 2 года назад
Она работает только при нажатии кнопки "Просмотреть код".
@warhouse634
@warhouse634 2 года назад
прикол в том, что нужно обязательно открыть окно разработчика F12.
@tixonochek
@tixonochek 3 года назад
Почему то на этом моменте (document.write) у меня не работает. Я не говорю про то что оно не подсвечивается, на это пофиг, но и на странице ничего нету. Можете как то помочь? В том же атоме пишу. p.s. - Проблему понял - атом не сохраняет файл :((( Но не решил!
@Usueuoeoqo
@Usueuoeoqo 3 года назад
Я тоже не втыкал почему, теперь просто после каждой строчки прожимаю Ctrl+S, перезагружаю "сайт" и все работает
@romankozlov7322
@romankozlov7322 3 года назад
Скачай пак autosave и установи
@user-hy1rn5ur2e
@user-hy1rn5ur2e 2 года назад
@@Usueuoeoqo Спасибо
@Butthurt71
@Butthurt71 Год назад
@@Usueuoeoqo друг, спасибо тебе большое😘
@d4n1sff21
@d4n1sff21 Год назад
не задумывайтесь мы вам всё обьясним не волнуйся обьясним на след уроке дааа
@snappi3158
@snappi3158 3 года назад
Почему когда прописываю после строчки // console.info("..."); console.log() "log" становится синим, а "console", красным, а не оранжевым, что делать
@itproger
@itproger 3 года назад
Ахах, вот это проблема) поменяй цветовую тему в редакторе
@get_better_today
@get_better_today 2 месяца назад
спасибо за ролик, а почему мы печатаем в scripts, а не в body? итак, итак информация выводится на страницу
@soccer_great3012
@soccer_great3012 Месяц назад
в боди не возможно писать JS только html
@user-jc7qx4hr9y
@user-jc7qx4hr9y 5 месяцев назад
я через visual studio как мне скопировать ссылку на мой сайт
@HA_CTPIME
@HA_CTPIME Год назад
Спасибо за труд. Очень много лишнего текста, очень.
@den4ik-1995
@den4ik-1995 3 года назад
Like! 31.08.22
@user-eu9tk9ku7e
@user-eu9tk9ku7e 2 года назад
Page layot may be nexpected due to Quirks Mode. Файл не HTML. Что ето и как исправить?
@saiatokka7810
@saiatokka7810 Год назад
у меня выводится ошибка и в коде страницы пишут, что такой функции как документ.write не существует;)
@user-ey5wk4um6o
@user-ey5wk4um6o Год назад
почему ты написал documet можно же внутри боди напиать тоже самое
@dabik-io1dw
@dabik-io1dw Год назад
что делать текст не выводится? сделал document.write вроде правильно скрипты поставил, а текста нет, что не так?
@user-qf8gp1qq2i
@user-qf8gp1qq2i 5 месяцев назад
Тебе надо зайти на file потом находи auto save и выведиться
@mariianeupokoeva
@mariianeupokoeva 3 года назад
Почему нельзя выводить консоль при помощи клавиши F12?
@amorty7037
@amorty7037 Год назад
А что если у меня попросту не открывает сайт? Мне нужно порт открывать?
@hyperion4366
@hyperion4366 3 года назад
Такая проблема: document.write("Вывод информации"); ,у меня вместо "Вывод информации" отображается весь код
@Framee110
@Framee110 2 года назад
Думаю уже научился, но все же . информация
@MsElmariaci
@MsElmariaci 11 месяцев назад
Народ, Atom не работает. Я делал в VS там есть проблема с кириллицей. Бился долго, в итоге нужно сделать следующее. Зайти в меню "Файл" "Сохранить (название нашего файла) как..." и нажать не на саму кнопку "Сохранить" а на стрелочку справа от неё. Нужно выбрать "Кириллица (Windows) - кодовая страница 1251"
@user-gl9it6vg4r
@user-gl9it6vg4r 8 месяцев назад
сохрани файл в атоме(нажми на крестик у вкладки на верху и сохрани его) и перезапусти страницу, с таким же столкнулся.
@MsElmariaci
@MsElmariaci 8 месяцев назад
@@user-gl9it6vg4r атом закрыли, его уже по официальной ссылке не скачаешь. Я это имел ввиду под нее работает.
@Vasya_Grim4ik
@Vasya_Grim4ik Год назад
Даже после очистки кэша и перезагрузки у меня все равно ничего не работало не хочет показывать Консоль обидно не знаю как решать проблему
@user-ls7dp6qg6h
@user-ls7dp6qg6h Год назад
Лучший
@sf_player
@sf_player Год назад
Что делать, если ничего не отображается после ввода document.write?
@LevsyYt-consols_inks
@LevsyYt-consols_inks 5 месяцев назад
Скорее всего document.write больше не работает,попробуй поискать алтернативы,чел такая же проблема (
@user-jc7qx4hr9y
@user-jc7qx4hr9y 5 месяцев назад
у меня проблема я сижу через visual studio и я делаю в точь в точь как ты,но проблема на сайте у меня ничего не отображается и не пишется даже при просмотре кода помогите плз
@user-mir615
@user-mir615 5 месяцев назад
такая же ситуация
@trainPTT
@trainPTT 4 месяца назад
Может у вас блокировка CORS?
@Vlad-sw4zd
@Vlad-sw4zd 2 года назад
13:35 только это не полный путь,а относительный
@user-gc9ly7ms5b
@user-gc9ly7ms5b Год назад
как связать атом и браузер чтобы все в нем отображалось?
@dpmusic0
@dpmusic0 6 месяцев назад
Хороший вопрос нашол ответ
@benzema2678
@benzema2678 3 года назад
Такая проблема: не читает внешний скрипт. Что делать??? Все перепробовал
@itproger
@itproger 3 года назад
возможно ссылка битая на внешний источник
@jahongirboboyev5482
@jahongirboboyev5482 8 месяцев назад
Привет у меня document.write остается белым что можно сделать? делал все так как написано
@user-gl9it6vg4r
@user-gl9it6vg4r 8 месяцев назад
сохрани файл в атоме(нажми на крестик у вкладки на верху и сохрани его) и перезапусти страницу, с таким же столкнулся.
@urrchach
@urrchach 8 месяцев назад
​@@user-gl9it6vg4rа если не в атоме работаешь?
@royal_aver4403
@royal_aver4403 3 года назад
В консоль ничего не выводится, в чем может быть проблема, может какую-то настройку нужно включить?
@itproger
@itproger 3 года назад
Стоит проверить код и включен ли JS в браузере
@royal_aver4403
@royal_aver4403 3 года назад
@@itproger Спасибо за ответ! Проблема была не очевидная, а именно в инспекторе есть Filter и там у меня было введено какое-то слово (оно наверно по умолчанию там стояло, кажется это было слово Frame), вот оно и не позволяло выводить информацию на экран :)
@xeither289
@xeither289 2 года назад
☦❤🙏❤🙏☦
@brp2430
@brp2430 5 месяцев назад
А вы почистили свой "Cache"?
@thedarknessmaks3365
@thedarknessmaks3365 3 года назад
А тем кому лень нажимать на мышку чтобы посмотреть консоль могут просто нажать f12
@Aaaa-jn4bm
@Aaaa-jn4bm 3 года назад
Всё классно, но просто огромное количество воды, невозможно без х2 ускорения видео смотреть
@itproger
@itproger 3 года назад
не зря эту функцию изобрели
@extrem_balashov
@extrem_balashov Год назад
У меня почему то не работает делаю так же
@dimkaProklytie
@dimkaProklytie 3 года назад
Почему когда я вставляю тег script он у меня не работает, не подсвечивается красным, все остальные работают
@user-pj4fb9zd9v
@user-pj4fb9zd9v 3 года назад
Куда вставляешь вопрос нормально задай?обычно в конце скрипты делают ,сделаешь вначале может не прочитать
@user-pj4fb9zd9v
@user-pj4fb9zd9v 3 года назад
В конце тега боди
@user-pj4fb9zd9v
@user-pj4fb9zd9v 3 года назад
@hmslf у тебя сам Ява скрипт в той же папке что и хтмл ?занеси в одну папку ,и пропиши все заработает
@user-pj4fb9zd9v
@user-pj4fb9zd9v 3 года назад
@hmslf ты явно ошибку где то делаешь я посмотрю как я прописал
@romankozlov7322
@romankozlov7322 3 года назад
У меня такая же проблема, перезапускаю атом и всё работает, подсвечивает красным. Магия какая-то
@dmitry5681
@dmitry5681 8 дней назад
мне кажется или он знает абсолютно все?
@xeither289
@xeither289 2 года назад
БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ
@TecMD
@TecMD Год назад
нету
@xeither289
@xeither289 2 года назад
☦❤☦🙏❤
@user-ql2is7qu3p
@user-ql2is7qu3p Год назад
То странное чувство когда купил курс на скилбоксе ничего не понял и смотрю в ютубе более качественные видео ....
@VictorLite
@VictorLite 3 года назад
Я десятый
@alexeyyunker879
@alexeyyunker879 3 месяца назад
Document Не выводит в консоль,даже после чистки кэша(
@noromkrtchyan6852
@noromkrtchyan6852 3 месяца назад
Думай scr
@nazar-tv-gd
@nazar-tv-gd 6 месяцев назад
У меня не работает javascript
@xeither289
@xeither289 2 года назад
ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС
@user-lq1iv1tb9d
@user-lq1iv1tb9d 5 месяцев назад
в этом уроке что-то скучновато и непонятно
@hollyleaf_21mkm
@hollyleaf_21mkm 3 месяца назад
А как мы можем "планировать" ошибку? Пока что этот момент не совсем понятен.
@meguri1591
@meguri1591 2 года назад
А кокой смысл в консоли? Типо оно выводит ошибки, А зачем так много к ниму внимания?
@itproger
@itproger 2 года назад
Он выводит все сообщения и ошибки. Без этого вы в будущем не сможете разбираться в чем и где у вас ошибка
@vagabunt9060
@vagabunt9060 Год назад
много воды
@dimaandreev8925
@dimaandreev8925 3 года назад
Плохо, всё сделал правильно. JavaScript работает везде. Не выводит
@Denis_SLDE
@Denis_SLDE Год назад
у меня ничего не получается из того что вы делаете.... и снова программирование До свидание....
@jake7388
@jake7388 3 года назад
у Гоши Дударя лучше!
@itproger
@itproger 3 года назад
И вот не знаю - сказать спасибо или же нет 😂 Просто автор этого урока это и есть Гоша Дударь 😅
@user-pj5eb2fe5k
@user-pj5eb2fe5k 2 года назад
спасибо что ничего не обьясняеш и е разборчиво говориш
Далее
Tipuan Jenius dalam Mengasuh Anak & Gadget Cerdas
00:21
Reduce это просто. JavaScript
17:11
Просмотров 60 тыс.
Tipuan Jenius dalam Mengasuh Anak & Gadget Cerdas
00:21