Это видео недоступно.
Сожалеем об этом.
Уроки JavaScript для начинающих / #3 - Вывод информации. Работа с консолью
HTML-код
- Опубликовано: 6 авг 2024
- Вывод информации - важная часть в любом языке программирования. Мы научимся выводить информацию в консоль, а также прямиком на страницу веб сайта. Дополнительно за урок мы познакомимся с консолью разработчика.
✅ Полезные ссылки:
Урок на сайте 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
Спасибо тебе большое :P
p{
fontsize:100px;
fontweight: bold;
}
😂
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;
}
(Должна получится табличка в стиле спасибо тебе большое)
p:hover}
background-color: green;
}
p{
color:blue;
text-shadow:1px 1px lightblue;
border: 2px solid green;
}
p:hover{
color:green;
border-color: blue;
font-weight: 700;
}
Щиро дякую за цікавий урок! Вивчаю веб-розробку.
Спасибо большое! Очень интересно слушать
Какое чудо, что я Вас нашла!!!! Уроки раскрывают все мои вопросы, с которыми я тыркалась и искала , все подробно, прямо для чайников 😁. Спасибо огромное за Ваш труд. Супер👍
привет, есть какие продвижения в web спустя год?
@@kok4529 конечно есть) больше не заходит на ютуб
Большое спасибо за ваши уроки! Вы объясняете очень хорошо и понятно
Просто спасибо.
Спасибо, дружище!
Привет! Смотрю все сборники (для веб) очень круто делаете.
Огромное спасибо.
Спасибо за твой труд!
Ты крут! Лайк!
Хорошо рассказываешь.
Пасиба, ты единственный кто сказал зачем нужна консоль
Блин, чувак спасибо тебе огромное, обожаю тебя❤
Спасибо!
Спасибо. Лайк👍
Супер очень благодарен
спасибо за урок
Никогда не думал, что ты так хорошо будешь объяснять
Благодарю!🎀
Очень крутые уроки, начинал смотреть еще с HTML и очень сильно продвинулся благодаря урокам. Хотелось бы еще увидеть новые уроки по VueJS, React & Angular. Благодарю
Спасибо, приятно слышать :)
@@itproger здравствуйте, очень хороший курс но у меня есть пара вопросов. Что эти команды head, body и тд означают?
@@itproger и ещё : зачем нужно закоментировать определённую строчку как вы например сделали это с document write. Для чего это нужно и что это вообще делает?
@@spongebob1369 Привет, смотри, что бы понять что делают эти теги, тебе надо посмотреть курс по html тогда станет понятнее
@@spongebob1369 если ты что-то закоментировал, это означает что эта строчка кода не будет читаться браузером, обычно так делают что бы оставлять пометки для себя, или для людей которые будут читать твой код.
Спасибо огромное за ваши уроки!! Так круто, что все очень подробно объясняете. Рада, что нашла вас😊 уже прошла курс по html и css ✌️
привет есть ли какие-то успехи год спустя?
Ставлю лукас!
Спасибо
Красавчик, спасибо тебе за знания. Подача топчик.
Большое спасибо за ваши уроки! Вы объясняете очень хорошо и понятно !!!!
зачем блогиатить
Круто
Хорошый урок. Только 1 вопрос а какой версии у вас JavaScript
Топ контент
Твой комментарий первый
интересно
Спасибо за новое видео , жду урок как с помощью js на сайте отображать видео лежащее в папке в сайте!😀
Здесь JS не нужен, ведь за это отвечает обычный тег video :)
@@itproger а тогда как разные виды плеера делать ? ( ͡° ͜ʖ ͡°) ¯\_(ツ)_/¯
Привет, я новичок в этой сфере, только учусь этому всему, хочу стать тестировщиком, и нашёл твои полезные видео) спасибо тебе большое за столь познавательные видео, скинь пожалуйста ссылку на программу( Атом) я искал его мне не выдаёт. Буду очень признателен тебе)))
Какую лучше использовать программу для программирования ?
Подскажите .В редакторе VCcode набрал задачу с выводом в консоль.В Хроме задача видна а в консоле нет .В чем проблема?
Списибо большое😊
Окей
спасибо за уроки. при написании document слово синими буквами а не красными что делать почему так
3 Урок и мы не начали изучать переменные? Не обычный курс, но крутой!
Спешить не стоит, в следующем уроке они уже будут)
@@itproger Никогда не видел чтобы какой то ютубер мне так быстро отвечал.. И да, я уже дошел до 10 части, понял уже. Правда я тут кое что не пойму, может быть подскажете?
1 Вопрос:
Я перечитал инфу на миллионе сайтов, но нигде так и не сказали как мне в функции обьявить глобальную переменную. Везде говорят разное, и оно всегда не работает. Мне нужно чтобы была функция которая создает переменную, глобальную, чтобы другая функция могла взаимодействовать с этой "чужой" переменной из другой функции. Поможете?
2 Вопрос:
Как мне сделать счетчик "переменной" на сайте? Читал про всякие innerHtml но ничего не понял. а document.write постоянно создает новый текст, а мне изменять старый надо. IDLE-Текстовую игру то хочется
@@tixonochek все, что объявлено в функции, остаётся в области видимости функции. Глобальную переменную можно объявить в глобальной области видимости и в любых функциях их использовать
Нужен хелп, я использую Visual Studio Code и там когда я пишу код, то страница не обновляется, приходится полностью заново открывать код или же "start debugging" с проги. Помогите, в чем проблема?
Я включила JS в Хроме, но на станицу "index.html" ничего не выводится
у меня тоже самое
а у меня почему то выдаёт net::ERR_FILE_NOT_FOUND. что делать?
люди расскажите у кого какие успехи в сфере веб кодирования, я сейчас отучил html & css и начинаю учить js, мне интересно у кого как все шло или идет, достиг ли кто-то к чему-то и у кого что идет не так
Я пока только начал,у меня всё получаеться и постепенно набирается опыт
👍
Здравствуйте, пишет что не разрешено загружать локальный ресурс.Подскажите пожалуйста как можно это исправить?
как ты изменил вид консоли в браузере?
Atom начал подтормаживать при написании внутри scrypt. Это нормально?
Page layout may be unexpected due to Quirks Mode
Такая проблема в коде страницы
Пишет ещё, что этот файл не HTML
как также настроить консоль в хроме просто удобнее работать в такой как у вас
Like! 31.08.22
Для тех у кого в браузере не выводит файл main.js и показывает пустую строку в console. Посмотрите внимательно, у вас точно в main.js прописаны команды консоли?. Т.е. в index вы даёте ссылку на файл main, а в нём должны быть команды, только тогда браузер их увидит в console. Если файл main пустой, то и console чистая, пустая.
у меня в main.js все прописано но у меня там вылезает ошибка и console пустая
а можно ли подключать файл JS через ?
Да, подключается точно так же, как и css-файлы
Блин в пайчарм работаю, сделал все как на видео в браузере открываю консоль он мне пишет что не удалось загрузить файл,
Почему нельзя выводить консоль при помощи клавиши F12?
при ссылке на файл main.js в консоле русский язык заменяется символами, а при английском языке все норм выводится. Почему так?
Лучший
что-то жесткая перезагрузка при зажатии клавиши мыши не выскакивает. браузер гугл хром
Она работает только при нажатии кнопки "Просмотреть код".
прикол в том, что нужно обязательно открыть окно разработчика F12.
☦❤🙏❤🙏☦
Какие темы в Atom Вы используете? Просто настолько приятные цветовые сочетания.
У меня такой же атом, стандартная тема
я через visual studio как мне скопировать ссылку на мой сайт
console.log("Я говорю тебе привет"); я пишу в скрипте и не пропадает текст а на видео пропадает
Перед текстом поставь //
как называется расширение что бы в браузере сразу видеть результат изменений в коде?
live server )
спасибо за ролик, а почему мы печатаем в scripts, а не в body? итак, итак информация выводится на страницу
в боди не возможно писать JS только html
Как сделать чтбі на одном экране одновременно и был открыт файл html и окно браузера?
у меня выводится ошибка и в коде страницы пишут, что такой функции как документ.write не существует;)
Спасибо за труд. Очень много лишнего текста, очень.
почему ты написал documet можно же внутри боди напиать тоже самое
Почему когда прописываю после строчки
// console.info("...");
console.log()
"log" становится синим, а "console", красным, а не оранжевым, что делать
Ахах, вот это проблема) поменяй цветовую тему в редакторе
☦❤☦🙏❤
А что если у меня попросту не открывает сайт? Мне нужно порт открывать?
не задумывайтесь мы вам всё обьясним не волнуйся обьясним на след уроке
дааа
Page layot may be nexpected due to Quirks Mode. Файл не HTML.
Что ето и как исправить?
Почему то на этом моменте (document.write) у меня не работает. Я не говорю про то что оно не подсвечивается, на это пофиг, но и на странице ничего нету. Можете как то помочь? В том же атоме пишу.
p.s. - Проблему понял - атом не сохраняет файл :((( Но не решил!
Я тоже не втыкал почему, теперь просто после каждой строчки прожимаю Ctrl+S, перезагружаю "сайт" и все работает
Скачай пак autosave и установи
@@Usueuoeoqo Спасибо
@@Usueuoeoqo друг, спасибо тебе большое😘
Такая проблема: document.write("Вывод информации"); ,у меня вместо "Вывод информации" отображается весь код
Думаю уже научился, но все же .
информация
что делать текст не выводится? сделал document.write вроде правильно скрипты поставил, а текста нет, что не так?
Тебе надо зайти на file потом находи auto save и выведиться
Народ, Atom не работает. Я делал в VS там есть проблема с кириллицей. Бился долго, в итоге нужно сделать следующее. Зайти в меню "Файл" "Сохранить (название нашего файла) как..." и нажать не на саму кнопку "Сохранить" а на стрелочку справа от неё. Нужно выбрать "Кириллица (Windows) - кодовая страница 1251"
сохрани файл в атоме(нажми на крестик у вкладки на верху и сохрани его) и перезапусти страницу, с таким же столкнулся.
@@user-gl9it6vg4r атом закрыли, его уже по официальной ссылке не скачаешь. Я это имел ввиду под нее работает.
Даже после очистки кэша и перезагрузки у меня все равно ничего не работало не хочет показывать Консоль обидно не знаю как решать проблему
У меня почему то не работает делаю так же
Что делать, если ничего не отображается после ввода document.write?
Скорее всего document.write больше не работает,попробуй поискать алтернативы,чел такая же проблема (
как связать атом и браузер чтобы все в нем отображалось?
Хороший вопрос нашол ответ
Такая проблема: не читает внешний скрипт. Что делать??? Все перепробовал
возможно ссылка битая на внешний источник
В консоль ничего не выводится, в чем может быть проблема, может какую-то настройку нужно включить?
Стоит проверить код и включен ли JS в браузере
@@itproger Спасибо за ответ! Проблема была не очевидная, а именно в инспекторе есть Filter и там у меня было введено какое-то слово (оно наверно по умолчанию там стояло, кажется это было слово Frame), вот оно и не позволяло выводить информацию на экран :)
13:35 только это не полный путь,а относительный
Привет у меня document.write остается белым что можно сделать? делал все так как написано
сохрани файл в атоме(нажми на крестик у вкладки на верху и сохрани его) и перезапусти страницу, с таким же столкнулся.
@@user-gl9it6vg4rа если не в атоме работаешь?
у меня проблема я сижу через visual studio и я делаю в точь в точь как ты,но проблема на сайте у меня ничего не отображается и не пишется даже при просмотре кода помогите плз
такая же ситуация
Может у вас блокировка CORS?
А вы почистили свой "Cache"?
Я десятый
А тем кому лень нажимать на мышку чтобы посмотреть консоль могут просто нажать f12
Почему когда я вставляю тег script он у меня не работает, не подсвечивается красным, все остальные работают
Куда вставляешь вопрос нормально задай?обычно в конце скрипты делают ,сделаешь вначале может не прочитать
В конце тега боди
@hmslf у тебя сам Ява скрипт в той же папке что и хтмл ?занеси в одну папку ,и пропиши все заработает
@hmslf ты явно ошибку где то делаешь я посмотрю как я прописал
У меня такая же проблема, перезапускаю атом и всё работает, подсвечивает красным. Магия какая-то
БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ
нету
Всё классно, но просто огромное количество воды, невозможно без х2 ускорения видео смотреть
не зря эту функцию изобрели
То странное чувство когда купил курс на скилбоксе ничего не понял и смотрю в ютубе более качественные видео ....
мне кажется или он знает абсолютно все?
А как мы можем "планировать" ошибку? Пока что этот момент не совсем понятен.
У меня не работает javascript
Document
Не выводит в консоль,даже после чистки кэша(
Думай scr
ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС
в этом уроке что-то скучновато и непонятно
много воды
А кокой смысл в консоли? Типо оно выводит ошибки, А зачем так много к ниму внимания?
Он выводит все сообщения и ошибки. Без этого вы в будущем не сможете разбираться в чем и где у вас ошибка
спасибо что ничего не обьясняеш и е разборчиво говориш
у Гоши Дударя лучше!
И вот не знаю - сказать спасибо или же нет 😂 Просто автор этого урока это и есть Гоша Дударь 😅