Игра угадай число на JavaScript. JS для начинающих

  Рет қаралды 54,245

WebDev с нуля. Канал Алекса Лущенко

WebDev с нуля. Канал Алекса Лущенко

7 жыл бұрын

⏰ Курс JavaScript 2.0: itgid.info/course/javascript-2
🧠 Чат Telegram c мозголомками : t.me/itgid_info
👇 Разверни для полной информации
💎 Курс Функции в JavaScript: itgid.info/course/function-2021
🧑🏻‍💻 Сайт: itgid.info
😋 Курс Методы массивов: itgid.info/course/arraymethod
Пишем игру угадай число на JavaScript.

Пікірлер: 174
@Okszal
@Okszal 5 жыл бұрын
Это первый автор, во время объяснения которого меня не клонит в сон, и я действительно что-то понимаю. Спасибо огромное!
@user-xu4uf9pk2h
@user-xu4uf9pk2h 7 жыл бұрын
Отличные уроки, все разжевываете и раскладываете по полочкам, а самое главное на живых примерах, которые потом можно использовать для реализации собственных проектов. Спасибо вам, продолжайте в том же ключе, так как могу сказать, что ваши курсы пока что лучшие в данной тематике!
@itgid
@itgid 7 жыл бұрын
Спасибо, стараюсь, если есть предпочтения - заказывайте темы, буду делать. А также посмотрите мои уроки Canvas.
@user-ik5fr4fz8w
@user-ik5fr4fz8w 6 жыл бұрын
Все сюда!Лучше этих уроков нет!!!!)))
@alexjenkins805
@alexjenkins805 4 жыл бұрын
За почти 4 года с момента публикации ролика ничего не изменилось,вы все еще лучше всех объясняете. У вас приятный голос, вас интересно и приятно слушать. Большое вам человеческое спасибо
@user-hr8wu1qk5i
@user-hr8wu1qk5i 7 жыл бұрын
Благодарю за Ваши уроки и Ваш труд. Все подробно рассказывает и ничего лишнего.
@laretabatl5934
@laretabatl5934 5 жыл бұрын
Учусь, наслаждаясь!!! Настолько понятно все, что все само укладывается по полочкам в голове!!!
@itgid
@itgid 5 жыл бұрын
Круто!
@nicefellow7929
@nicefellow7929 7 жыл бұрын
Спасибо за ваши уроки!!! Очень доходчиво изложено.
@danilsumarokov124
@danilsumarokov124 7 жыл бұрын
ни одного дизлайка под многими видео (Вот что значит делать все качественно!!)
@itgid
@itgid 7 жыл бұрын
Есть. Есть дизлайки! Особенно здесь: kzfaq.info/get/bejne/ptSZq9t4x9jDh4E.html Особенно владельцы типографии ставили!
@user-oc3lz8vs4d
@user-oc3lz8vs4d 6 жыл бұрын
1 тыс 300 просмотров и 4 дизлайка - дай бог всем такой результат)
@user-cl3ej8mt9i
@user-cl3ej8mt9i 6 жыл бұрын
9 866 просмотров 0 дизов , вот это уровень
@user-ku5fm1hq2b
@user-ku5fm1hq2b 6 жыл бұрын
15к просмотров и не одного дизлайка
@alexeyko3924
@alexeyko3924 5 жыл бұрын
Уже 21 к.
@iceman2446
@iceman2446 6 жыл бұрын
Идеальный преподаватель! Комменты почти никогда не пишу под видео, но этот случай просто уникален!! Начал изучать JS несколько дней назад. С одной стороны все понятно по учебнику. Но как только переходишь на новый урок - часть старого забывается... Но вот этот человек, настолько доходчиво все объясняет, что просто нет к чему прикопаться. Лайки, подписка и +100 к карме. Давайте еще много-много видео! Очень хочу в совершенстве владеть JS!
@vodolazbest
@vodolazbest 6 жыл бұрын
Уже автоматом лайки ставлю
@user-br6jb4uu9b
@user-br6jb4uu9b 7 жыл бұрын
Мне урок понравился. Снова респект автору.
@user-wp5lf7rn6i
@user-wp5lf7rn6i 7 жыл бұрын
Виктор Новицкий Полностю с вами согласен
@user-ik5fr4fz8w
@user-ik5fr4fz8w 6 жыл бұрын
Автор!))После Ваших уроков,у меня снова выросли крылья!))Спасибо БОЛЬШОЕ!
@user-yj1rn4yq2u
@user-yj1rn4yq2u 4 жыл бұрын
Хорошо что набрел на этот канал) Спасибо тому чуваку, что посоветовал. Автору удачи и благополучия за подробный материал. На Вашем канале я adblock отключу)
@user-nz2dl3dm4t
@user-nz2dl3dm4t 6 жыл бұрын
Блин мужик красавчик слов просто нету. Много уроков по программированию смотрел на просторе интернета, этот чувак лучше всех рассказывает, бля я сразу начал понимать js. Спасибо огромное за данный контент. Делай еще больше видео буду смотреть с удовольствием)
@ExtrONexT1
@ExtrONexT1 7 жыл бұрын
мужик ты лучший ,лайк под всеми видео ставлю ,все доступно и понятно ,спасибо )
@user-yu5vj3de7o
@user-yu5vj3de7o 5 жыл бұрын
Автор спасибо тебе что то записываешь такие качественные и хорошие ролики Лайк!
@user-pq9tw2oc7q
@user-pq9tw2oc7q 4 жыл бұрын
Спасибо огромное за ваш огромный труд!!!
@Oleg_ChernikoFF
@Oleg_ChernikoFF 6 жыл бұрын
Круто, мне нравится, это самое грамотное объяснение из всех видео которые я видел!
@user-rr3fw9fn8x
@user-rr3fw9fn8x 6 жыл бұрын
Вы теперь мой любимый учитель в ютуб!))
@draganovadiana4896
@draganovadiana4896 5 жыл бұрын
Спасибо, очень внятно объясняете!!!
@itgid
@itgid 5 жыл бұрын
Спасибо!
@user-jj3nl5ul9h
@user-jj3nl5ul9h 6 жыл бұрын
Спасибо вам за ваши уроки! После урока ещё попробовал сделать тоже самое, только без обработчика onclick, а с addEventListener. Главное в этом деле экспериментировать!
@waveelectroyt3538
@waveelectroyt3538 6 жыл бұрын
какое же хорошее соотношение лайков к дизлайкам, меня это очень радует, продолжай в том же духе!
@evgeniyacherevko6633
@evgeniyacherevko6633 6 жыл бұрын
Отличные видео! Если бы была возможность заниматься у вас лично, то обязательно воспользовалась бы
@user-rz7mu5ko9w
@user-rz7mu5ko9w 5 жыл бұрын
Это великолепно. Спасибо тебе, товарищ.
@maximmakow9522
@maximmakow9522 6 жыл бұрын
Спасибо! очень понятно и доходчиво
@simplexbellator7293
@simplexbellator7293 6 жыл бұрын
Великолепно!
@modelt4645
@modelt4645 2 жыл бұрын
Вы объясняете лучше всех!
@ichelsea
@ichelsea 4 жыл бұрын
Спасибо Вам за видео!
@user-et2me5vv4d
@user-et2me5vv4d 7 жыл бұрын
Добрый день! Спасибо за Ваши уроки! Примерно с 12 минуты, Вы начинаете объяснять как происходит выполнения скрипта и говорите, что в строке один - программа объявляет переменные, на второй строке происходит присвоение. Но насколько мне известно, выполнение программы происходит в два этапа: 1. Инициализация - интерпретатор сначала считывает все функции объявленные как Function Declaration (хотя понятно, что это выходило за пределы этого урока) и создает их рабочими функциями; "ищет" переменные объявленные как var и присваивает им undefained. 2. Выполнения кода - на этом этапе происходит присвоение. Думаю даже для начинающих было бы полезно узнать как оно работает правильно, что бы потом не было путаницы и не неразберихи.
@itgid
@itgid 7 жыл бұрын
Да, проход программы идет в два этапа. В других видео я об этом говорю. Но, учтите, что это видео для начинающих, и очень многие вещи я упрощаю, иногда сильно.
@ericraudy
@ericraudy 7 жыл бұрын
Правильный подход.Тонкие нюансы нужно объяснять когда уже основы усвоят студенты.
@rahmonsaidov6223
@rahmonsaidov6223 7 жыл бұрын
правильно сделали, что упростили видео нужно практике делать умеет а не языке болтать
@Anatoli-bq1pe
@Anatoli-bq1pe Жыл бұрын
Благодарю!
@amrullahsahmaliyev7806
@amrullahsahmaliyev7806 4 жыл бұрын
просто класс уважении автору очень аккуратно и понятно объясняет спасибо
@aleksandr2236
@aleksandr2236 6 жыл бұрын
Очень классные уроки. очень понятно.
@ravabat5841
@ravabat5841 5 жыл бұрын
Зашёл, лайкнул и потом смотрю видео уже на автомате)))
@ivanenzhaev2373
@ivanenzhaev2373 6 жыл бұрын
Мой результат: Играть в браузере: 8observer8.github.io/js/guess_number/ Играть в vk: vk.com/app6431863
@hlebyaretski9519
@hlebyaretski9519 5 жыл бұрын
Невероятный препод...спасибо огромное
@user-wi1wp9de2i
@user-wi1wp9de2i 4 жыл бұрын
Потрясно‼
@PP-hz4bl
@PP-hz4bl 4 жыл бұрын
Просто супер 👍
@st-vo7my
@st-vo7my 2 жыл бұрын
Дай Бог здоровья Вам и Вашим близким! Беларусь здесь.
@adi4232
@adi4232 6 жыл бұрын
отличные курсы! бооольшой лайк! спасибо
@itgid
@itgid 6 жыл бұрын
Спасибо!
@maqa6181
@maqa6181 6 жыл бұрын
В if можно добавить этот код которую мы писали в начале, ну чтобы каждый раз когда угадываешь число не обновлять страничку if (num == prNum) { out.innerHTML = "Вы угадали число" /* prNum = Math.floor((Math.random() * 20) + 1); tempOut = document.getElementById('temp-out'); tempOut.innerHTML = prNum; */ }
@_pheax
@_pheax 6 жыл бұрын
спасибо, все ок!
@vladimirlikholap7768
@vladimirlikholap7768 6 жыл бұрын
лучшие уроки в галактике)))) спасибо автору
@itgid
@itgid 6 жыл бұрын
Спасибо!
@misteranderson6058
@misteranderson6058 7 жыл бұрын
Генерация случайных чисел в js очень странно реализована , в python например это выглядело бы так prNum = random.randint(0 , 10)
@itgid
@itgid 7 жыл бұрын
в php вообще rand(0,100)
@MegaSaev
@MegaSaev 5 жыл бұрын
@@itgid С++ тоже через rand()
@itgid
@itgid 5 жыл бұрын
согласен, в php - rand(1, 10);
@skeelo3157
@skeelo3157 5 жыл бұрын
Артур Бобров только там так же заморочено
@user-qg9ji2nb8r
@user-qg9ji2nb8r 6 жыл бұрын
Очень интересно.
@user-rk4sh9ki2d
@user-rk4sh9ki2d 4 жыл бұрын
Очень отличное обьяснение.
@user-ki1wz3mw7h
@user-ki1wz3mw7h 3 жыл бұрын
Александр, добрый вечер! Я очень благодарен Вам за такие удобоваримые, информативные уроки! у меня проблемка, не работает ветвление, как в примере из предыдущего урока, так и в текущем, файлы открываю в Хром, пробовал в edge не получается. Подскажите, пожалуйста, в чЁм причина
@ivand7299
@ivand7299 6 жыл бұрын
Огромное тебе Thanks!
@itgid
@itgid 6 жыл бұрын
Пожалуйста, главное чтобы полезно!
@user-yo2xn5wb7h
@user-yo2xn5wb7h 4 жыл бұрын
талант.. здорово..
@user-rr6rk3gs7x
@user-rr6rk3gs7x 6 жыл бұрын
Уроки просто отличные по сравнению с другими ютуберами которые пилят по JS. Очень помагает. Только вопрос чем вы руководствовались когда добавляли плейлист верх ногами ?(с 40 по 1) Это жутко не удобно. и не логично.
@user-mr6yt2lz5v
@user-mr6yt2lz5v 6 жыл бұрын
Очень, очень круто.
@Barbarin89
@Barbarin89 5 жыл бұрын
я только один периодически втыкаю на тиканье часов))) уроки отличные ставлю лайк!
@user-ir7sm6oi4o
@user-ir7sm6oi4o 6 жыл бұрын
Александр, приветствую вас! Благодаря Вашим урокам тут и на сайте w3.org.ua - получилось сделать игру "угадай число" с проверкой на ввод цифры и если поле остается пустым. Так же добавил кнопку с методом location.reload(). Вот код, посмотрите пожалуйста и какие будут ваши замечания. HTML ------------------------------------------------------------------------------------------------ Введите число: Угадать Загадать новое число JS ------------------------------------------------------------------------------------------------ var compNum, testOut; compNum = Math.floor((Math.random()*10)+1); testOut = document.getElementById('testOut'); testOut.innerHTML = compNum; function func1(){ var myNum, out; myNum = document.getElementById('myNum').value; out = document.getElementById('out'); if(compNum == myNum){ out.innerHTML = 'Вы угадали загаданное компьютером число =)'; } else if(compNum > myNum){ out.innerHTML = 'Вы написали число меньше загаданного компьютером'; } else{ out.innerHTML = 'Вы написали число больше чем загадал компьютер!!!'; } if(myNum == ''){ out.innerHTML = 'Введите число в пустое поле!'; } if(isNaN(myNum)){ out.innerHTML = 'Введите число а не букву!'; } } Еще такой вопрос. Кавычки играют роль - одинарные или двойные, если писать код? Спасибо.
@itgid
@itgid 6 жыл бұрын
Если можно выложите код на codepen.io здесь его очень тяжело читать.
@user-ir7sm6oi4o
@user-ir7sm6oi4o 6 жыл бұрын
Александр, здравствуйте! Вы не смотрели еще код?
@dennik4932
@dennik4932 4 жыл бұрын
Спасибо автору, я начал с помощью вас хоть что то программировать! Я в else написал введите число, и 3 условия задал ==, >,
@user-hi6fo1ky8k
@user-hi6fo1ky8k 6 жыл бұрын
Вы просили критики. 7:22. Во-первых, в Math.round(Math.random() * 10 + 1) можно не писать дополнительные скобки для операции вычисления рандомного числа умноженного на 10, операция умножения в приоритете, к результату добавится единица в любом случае после операции. Но это придирка. А вот второе, что меня заинтересовало и я даже не поленился пойти проверить, так это то, что эта операция дает нам случайное число от 1 до 11, а не от 1 до 10. Пруф: while (true) { var d = Math.round((Math.random() * 10) + 1) if (d > 10) { alert("Таки больше десяти.") break; } }
@MrMaxSeven
@MrMaxSeven 6 жыл бұрын
автор видео использовал метод Math.floor, который округляет число в меньшую сторону, а Вы используете метод Math.round, который округляет число по правилам арифметики, то есть в ближайшую сторону.
@Rezni4ok93
@Rezni4ok93 5 жыл бұрын
наконец-то понимаю как взаимодействовать с сайтом.
@copchase1337
@copchase1337 Жыл бұрын
подскажите, пожалуйста, как сделать так, чтобы запрещало писать буквы? тип алерт: можно только цифры.
@vasiliyfedorov3846
@vasiliyfedorov3846 5 жыл бұрын
Ща попробуем.
@yrka183
@yrka183 6 жыл бұрын
А есть ли разница между button onclick="f1()" и если я например на button повешу id, а потом напишу let f1=document.querySelector("#f1"); Потом создам функцию f1 и напишу f1.addEventListnet("click",f1,false)- на всплытие обработчик повесить, а не на погружение?
@anton28952
@anton28952 6 жыл бұрын
можно ведь юзать math.ceil() вместо math.floor() чтобы единицу не добавлять. или не?
@romkagm7756
@romkagm7756 5 жыл бұрын
Красава так понятно что ваще молодец
@user-hb5wz6eo4e
@user-hb5wz6eo4e 7 жыл бұрын
Есть ли видео, где ты учишь находить тип переменной? я просто решил в этой игре устроить проверку на написание букв и тд, а оно вместо того, чтобы написать какую-нибудь ошибку, писало, что моя буква меньше, чем придуманное число.
@darkdeath1619
@darkdeath1619 7 жыл бұрын
я думаю, для проверки переменной value в инпуте нужно прописать отдельное условие. если value не число, то выводить то-то. функция isNaN(value). Попытается преобразовать введенное значение в число, если это возможно. В противном случае вернет true, если не число. Т.е. пишешь if (isNaN(value)) { alert('Введите число') }
@dem0n607
@dem0n607 6 жыл бұрын
Я немного усовершенствовал код. Если добавить 2 ф-цию, можно будет менять запрограммированное число. JavaScript Введите число от 0 до 10: Угадать Поменять число var prNum, Temp, num, out; prNum = Math.floor((Math.random() * 10) + 1); function f1() { prNum = Math.floor((Math.random() * 10) + 1); // Temp = document.getElementById('temp'); // Temp.innerHTML = prNum; console.log(prNum); } function f2() { num = document.getElementById('mynum').value; out = document.getElementById('out'); if (num == prNum) { out.innerHTML = 'Правильно'; } else if (num > prNum) { out.innerHTML = 'Слишком большое число'; } else { out.innerHTML = 'Слишком маленькое число'; } }
@VachaBardon
@VachaBardon 4 жыл бұрын
Допустим у нас 3 js файла. Мы во всех тегах script пишем defer. Скрипты будут подключаться и обробатываться по очереди с верху в низ ?
@angrycatstudio2816
@angrycatstudio2816 4 жыл бұрын
Cобытие в html лучше чем добавление листенера в js?
@maksimometcinskii530
@maksimometcinskii530 5 жыл бұрын
А не проще ли будет вместо Math.floor +1 использовать Math.round?
@itgid
@itgid 5 жыл бұрын
Можно и так, существует много решений. Вот здесь описаны неплохо: learn.javascript.ru/task/random-int-min-max
@lisodin6470
@lisodin6470 5 жыл бұрын
16:10, вот так начиналось читерство..
@annummirror794
@annummirror794 5 жыл бұрын
velikolepno
@user-tr5xn7oj3m
@user-tr5xn7oj3m 4 жыл бұрын
Почему если я глобально присваиваю переменой число пользователя то цикле у меня не работает коректно??? Не могу понять. Хотя сгенерированное число и результат работаю нормально....
@eminsahmuradov1105
@eminsahmuradov1105 6 жыл бұрын
super urok
@user-gj3qc5yd4x
@user-gj3qc5yd4x 4 жыл бұрын
я создал функцию которая генирирует случайное число и при отгадовании числа её вызываю, теперь не надо постоянно перезагружать страницу.
@AlenkaRyabuxina
@AlenkaRyabuxina Жыл бұрын
var уже давно устарел, но автор очень хорошо объясняет.
@itgid
@itgid Жыл бұрын
Видео очень много лет
@AlenkaRyabuxina
@AlenkaRyabuxina Жыл бұрын
@@itgid, от меня Like этому видео, через ваше объяснение поняла логику кода в другом проекте .
@Michael-gl1ei
@Michael-gl1ei 5 жыл бұрын
легче написать Math.ceil(Math.random()*10);
@floud7897
@floud7897 4 жыл бұрын
5:10 а почему нельзя использовать Math.round?
@user-dr6rd6dd4r
@user-dr6rd6dd4r 5 жыл бұрын
Подскажите, пожалуйста в чем ошибка. Не могу понять в чем причина. var prNum, tempOut; prNum = Math.floor((Math.random()*10)+1); tempOut = document.getElementById('temp-out'); tempOut.innerHTML= prNum; не работает. Uncaught TypeError: Cannot set property 'innerHTML' of null function f1 () { var num, out; num = document.getElementById('my').value; out = document.getElementById ('out'); if (num == prNum) { out.innerHTML = "Good Luck"; } else if (num > prNum) { out.innerHTML = "Some more"; } else { out.innerHTML = "Some losse"; } }
@Wraith2401
@Wraith2401 6 жыл бұрын
Все круто, но один вопрос: почему Вы не разделяете полностью яваскрипт и html? Зачем писать событие в теги? Есть же нормальные селекторы в js
@itgid
@itgid 6 жыл бұрын
Разделяю. Просто этот курс изначально предполагался для детей. Поэтому минимально рабочий код. А дальше уже будет более серьезно.
@Wraith2401
@Wraith2401 6 жыл бұрын
Ясно. Курс действительно толковый. Начал с канвы смотреть ваш канал. Интересно
@user-hv8kx5rr3s
@user-hv8kx5rr3s 6 жыл бұрын
Здравствуй. Спасибо за уроки, учусь так сказать с удовольствием ). Но я столкнулся с такой проблемой в строке num = document.getElementById("mynum").value; браузер ругается на .value; и не выводит на экран первый параграф. В чём может быть проблема ? codepen.io/umxO_Tun/pen/gKgGmm
@itgid
@itgid 6 жыл бұрын
опишите проблему подробнее!
@user-hv8kx5rr3s
@user-hv8kx5rr3s 6 жыл бұрын
Консоль разработчика определяет атрибут value как ошибку. Число генерируемое программой во 2 параграфе выводится, а всё что в 1 параграфе не выводится на экран.
@user-hv8kx5rr3s
@user-hv8kx5rr3s 6 жыл бұрын
Проблема решена. Причина проблемы моя невнимательность =). Сделал всё с начала и всё ок. Прошу прощения за беспокойства. Ещё раз спасибо за уроки.
@andreinechaev7214
@andreinechaev7214 6 жыл бұрын
у тебя Enter the number вместо id написано ib.
@reptiloid7438
@reptiloid7438 5 жыл бұрын
А как сделать так, чтобы загаданное число обновлялось само после угадывания?
@dmitriyk.2462
@dmitriyk.2462 5 жыл бұрын
function load(){ location.reload(true); } setTimeout(load,3000);
@user-fu6pn2ic1w
@user-fu6pn2ic1w 6 ай бұрын
не могу не поставить лайк и не написать коммент. Преподаватель от Бога.
@itgid
@itgid 6 ай бұрын
Спасибо.
@shogenmusa07
@shogenmusa07 6 жыл бұрын
при каждом обновлении страницы одна и та же цифра. в чем может быть дело?
@VIJana79
@VIJana79 4 жыл бұрын
Добрый день. А у меня этот код не работает. В консоли выпадает ошибка: Uncaught ReferenceError: Maht is not defined at 1.js:3 Сам код в JS написан так как вы показываете: var prNum,tempOut; prNum=Maht.floor((Maht.random() * 10) + 1); tempOut=document.getElementById('temp-out'); tempOut.innerHTML = prNum; console.log(prNum); function f1(){ var num,out; num=document.getElementById('mynum').value; out=document.getElementById('out'); if (num==prNum){ out.innerHTML='Вы угадали'; } else if (num>prNum){ out.innerHTML='Это число больше загаданного'; } else{ out.innerHTML='Это число меньше загаданного'; } } Спасибо, если кто-то заметит и подскажет в чём проблема!
@Spectrum.Luxury
@Spectrum.Luxury 4 жыл бұрын
Тебе же консолька подсказывает) "Maht is not defined" просто повнимательней будь, смотри " В консоли выпадает ошибка: Uncaught ReferenceError: Maht is not defined" Maht замени на Math. там 2 слова Maht вместо Math. Эту строку исправь и все будет работать prNum=Math.floor((Math.random() * 10) + 1);
@vally8027
@vally8027 5 жыл бұрын
Очень правильный подход: разжевывается все, как для деток. Все мы детки=начинающие. Спасибо!
@hrantabrahamyan1337
@hrantabrahamyan1337 6 жыл бұрын
Кллаааааааааааассссс я научусь программировать)))))))))СПАСИБО!!!!!!!!!!!!!!!!!!!!!!!!!!
@Muhammad-fn2nz
@Muhammad-fn2nz 5 жыл бұрын
Научился?
@satokatsurochannel7468
@satokatsurochannel7468 7 жыл бұрын
Смотреть на 1.5 скорости очень даже сэкономит ваше время! :D Отличные уроки
@user-gz1bq8zs9s
@user-gz1bq8zs9s 4 жыл бұрын
Ок
@eminsahmuradov1105
@eminsahmuradov1105 6 жыл бұрын
eto vam sbosiba
@maramanshow2942
@maramanshow2942 6 жыл бұрын
Уроки супер! Можете помочь!? Вот умножить на 10 я понял, что делает, а вот ещё один момент. Мы ещё ставим диапазон до 10? Просто ваш код больше числа 10 не загадывал.
@itgid
@itgid 6 жыл бұрын
Да, для генерации произвольного диапазона есть код: learn.javascript.ru/task/random-int-min-max
@maramanshow2942
@maramanshow2942 6 жыл бұрын
Front-End разработка с нуля. HTML, CSS, jQuery Спасибо:)
@user-je7rl7vh5u
@user-je7rl7vh5u 7 жыл бұрын
Добрый вечер. Очень нравятся ваши уроки, но вот столкнулся с такой проблемой. После вынесения участка кода за пределы функции хром начал выдавать ошибку: Uncaught TypeError: Cannot set property 'innerHTML' of null и ругаться на данную строку: tempOut.innerHTML = prNum;. Соответственно никакого вывода числа в область temp-out не происходит, но в теле самого метода все работает. Уже по буквам все сверил, но все равно не пойму в чем дело(
@itgid
@itgid 7 жыл бұрын
Эти действия должны быть внутри функции. Просто за пределами, этот код пытается выполнится при загрузке, скорее всего у вас еще не сформировался HTML
@user-je7rl7vh5u
@user-je7rl7vh5u 7 жыл бұрын
Спасибо за ответ, я буквально минуту назад разобрался, оказывается defer забыл прописать. Побуквенно сверял js код, а ошибка была в html коде.
@itgid
@itgid 7 жыл бұрын
либо defer, либо подключение js делать в нижней части.
@user-fm1lv5um4s
@user-fm1lv5um4s 4 жыл бұрын
а как сделать не из 10, а например из 3 вариантов цифр?
@cseedrvr6627
@cseedrvr6627 4 жыл бұрын
prNum = Math.floor((Math.random()*10)+1); В этой строке умножать не на 10, а на 3
@lessgrow1053
@lessgrow1053 6 жыл бұрын
Почему то у меня не сработал пример после выноса tempOut и prNum из функции - загаданное число не отображается и в консоли выдаёт ошибку:"Uncaught TypeError: Cannot set property 'innerHTML' of null "
@lessgrow1053
@lessgrow1053 6 жыл бұрын
А когда закоментил как вы и вывод в консоль то всё нормально выводит хотя сейчас может быть спецификация поменялась или ещё чё но в общем пока не понял из за чего такая ошибка была
@lessgrow1053
@lessgrow1053 6 жыл бұрын
не надо отвечать уже мне подсказали я забыл про defer
@itgid
@itgid 6 жыл бұрын
Ну так после выноса из функции они сработают один раз, а не каждый.
@andriidou8023
@andriidou8023 5 жыл бұрын
developer.mozilla.org/ru/docs/Learn/JavaScript/Первые_шаги/A_first_splash кому интересно усложненная версия игры с обяснениями.
@TheOneeightytwo
@TheOneeightytwo 6 жыл бұрын
НОЛЬ, КАРЛ
@GhazaryanArman
@GhazaryanArman 6 жыл бұрын
Добрый день уважаемый Александр. Благадарю за урок просто нет слов 17к и 0 дизлайк офигеть. Я считаю что этот вряд кода тоже работает, // Lesson-8 var prNum, tempOut; prNum = Math.floor((Math.random() * 100) + 1); tempOut = document.getElementById('temp-out').value; tempOut.innerHTML = prNum; console.log(prNum); Что скажете???.
@itgid
@itgid 6 жыл бұрын
Спасибо, не совсем понял вопрос - уточните!
@ioqzjihvfprq762
@ioqzjihvfprq762 5 жыл бұрын
а как сюда вписать цикл, чтоб он считал количество попыток угадывания числа?
@matulyak
@matulyak 5 жыл бұрын
Цикл не нужен, введи переменную счетчик и считай каждый раз, когда html заходит в функцию, если 100%, то в каждом if по счетчику)
@matulyak
@matulyak 5 жыл бұрын
Ввел глобальную переменную, присвоил ноль сразу, потом в функции i++, написал в html еще один параграф с другим айди, получил этот параграф и вывел: "Количество попыток:" + i;
@anatolavornik9415
@anatolavornik9415 Жыл бұрын
как с тобой поговорить и не здесь
@tourchrv1585
@tourchrv1585 7 жыл бұрын
кто подскажыт плагин для саблайм текста 3 который при вводе слова button сразу оформляет целый тег?????
@user-pi7nt4hx8t
@user-pi7nt4hx8t 7 жыл бұрын
Emmet
@tourchrv1585
@tourchrv1585 7 жыл бұрын
У меня Emmet установлен. Но когда начинаю
@user-pi7nt4hx8t
@user-pi7nt4hx8t 7 жыл бұрын
Значит emmet не был установлен! чтобы проверить, создай файл index.html , открой его, напиши ! знак , а затем нажми таб. Если html разметка не появилась, то ты не правильно установил плагин!
@tourchrv1585
@tourchrv1585 7 жыл бұрын
с знаком ! работает, а так как у автора если нарушено начало не работает
@itgid
@itgid 7 жыл бұрын
Emmet
@user-mt1vz4tr2t
@user-mt1vz4tr2t 6 жыл бұрын
Мне интересно как ты объясняешь жене где ты был ночью?)
@itgid
@itgid 6 жыл бұрын
Надеюсь это комплимент моему умению объяснять, иначе я не понимать :)
@bayramabbasov7702
@bayramabbasov7702 5 жыл бұрын
не возможно работать одновременно программировать и смотреть что пишете,поменяйте цвет фона,белый ничего не видно,когда открываю видео в окошку,а так всё отлично
@000ms1
@000ms1 5 жыл бұрын
Выдает ошибку тут (tempOut.innerHTML = prNum;) , что не верно ? код- function f1 () { var num, prNum, out, tempOut; prNum = Math.floor((Math.random() * 10) + 1); temOut = document.getElementById(`temp-out`); tempOut.innerHTML = prNum; num = document.getElementById(`Mynum`).Value; out = document.getElementById(`out`); if (num == prNum){ out.innerHTML = `You are gues`; } else if (num > prNum){ out.innerHTML = `that number more then need`; } else { out.innerHTML = `number less than necessary`; } }
@musicmotivation2970
@musicmotivation2970 6 жыл бұрын
Помогите, не могу понять почему не работает, вот код: JavaScript Введите число: Угадать var prNum, tempOut; prNum = Math.floor((Math.random() *10) +1); tempOut = document.getElementById( 'temp-out' ); tempOut.innerHTML = prNum; function f1(){ var num, out; num = document.getElementById( 'mynum' ).value; out = document.getElementById(' out '); if (num == prNum) { out.innerHTML = ' Вы угадали'; } else if (num > prNum) { out.innerHTML = ' Вы увели число больше чем нужно '; } else { out.innerHTML = ' Вы увели число менше чем нужно '; } } Такая вот ошыбка Uncaught TypeError: Cannot set property 'innerHTML' of null
@itgid
@itgid 6 жыл бұрын
Если можно выложите код на codepen.io и скиньте ссылку
@musicmotivation2970
@musicmotivation2970 6 жыл бұрын
codepen.io/Vladyslav2222/pen/aqNEwg
@itgid
@itgid 6 жыл бұрын
Вы в строке out = document.getElementById(' out '); перед out поставили пробел, поэтому и не работает. В данном случае должно быть 'out'
@musicmotivation2970
@musicmotivation2970 6 жыл бұрын
Большое спасибо )
@pavelladan3887
@pavelladan3887 7 жыл бұрын
хороший урок, но немного формула запутана, не понятно как оно толком работает:)
@itgid
@itgid 7 жыл бұрын
Что именно запутано?
@user-ik5fr4fz8w
@user-ik5fr4fz8w 6 жыл бұрын
)))
@ivansafronov3359
@ivansafronov3359 5 жыл бұрын
Начисто все переписал, но все равно не работает, лол... Спасибо за урок! Видимо, уже синтаксис не тот... codepen.io/Remus11/pen/bOxZLw
@itgid
@itgid 5 жыл бұрын
да, в коде есть ошибки.
@codeman2468
@codeman2468 5 жыл бұрын
Ты пишешь getElementS.ById() Не нужно S. Elements используется для работы по классу. По id пиши getElementById("")
@ivansafronov3359
@ivansafronov3359 5 жыл бұрын
@@codeman2468 что значит S. Elements?
@codeman2468
@codeman2468 5 жыл бұрын
@@ivansafronov3359 буква S в слове Element не нужна. Убери у себя ее в коде, и все заработает
@ivansafronov3359
@ivansafronov3359 5 жыл бұрын
@@codeman2468 а ок, спс
Ветвление в Javascript. JS для начинающих
17:48
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 47 М.
Калькулятор на JavaScript. JS для начинающих
16:24
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 176 М.
Best Toilet Gadgets and #Hacks you must try!!💩💩
00:49
Poly Holy Yow
Рет қаралды 23 МЛН
Викторина от МАМЫ 🆘 | WICSUR #shorts
00:58
Бискас
Рет қаралды 5 МЛН
What it feels like cleaning up after a toddler.
00:40
Daniel LaBelle
Рет қаралды 94 МЛН
Учим JavaScript 20. Функции и работа с ними
18:36
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 58 М.
Учим Java Script 11. Знакомство с массивами
16:45
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 45 М.
Учим Java Script 12. Создаем слайдер
19:50
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 110 М.
Учим Java Script 14. Работаем с элементами и классами
13:33
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 38 М.
ЯЗЫК АССЕМБЛЕРА С НУЛЯ | #1 НАЧАЛО
54:43
Учим JavaScript 18. Решаем задачи с ассоциативными массивами
16:05
WebDev с нуля. Канал Алекса Лущенко
Рет қаралды 29 М.
Best Toilet Gadgets and #Hacks you must try!!💩💩
00:49
Poly Holy Yow
Рет қаралды 23 МЛН