วีดีโอ

<button id="left" style=" font-size: 20pt; padding: 10pt; ">Left</button> <button id="right" style=" font-size: 20pt; padding: 10pt; ">Right</button> <p id="hero" style=" background-color: blue; font-size: 25pt; padding: 20pt; width: 30%; text-align: center; position: relative; left: 0px; ">Text</p> <script> let hero = window.document.querySelector('#hero'); let rightButton = window.document.querySelector('#right'); let leftButton = window.document.querySelector('#left'); let rightPosition = 0; let leftPosition = 0; const clickHandler = () =>{ if (hero.style.backgroundColor === 'grey') { hero.style.backgroundColor = 'blue'; } else { hero.style.backgroundColor = 'grey'; } } const rightHandler = () => { rightPosition = rightPosition + 20; hero.style.left = `${rightPosition}px`; } const leftHandler = () => { leftPosition = leftPosition - 20; hero.style.left = `${leftPosition}px`; } hero.onclick = clickHandler; rightButton.onclick = rightHandler; leftButton.onclick = leftHandler; </script> Всё работает. Но смущает что после нескольких кликов right при попытке нажать left кнопка переходит в исходное положение и потом двигается в лево. Как сделать так что бы после нажатия left расстояние отнималось не от исходного а от положения в котором она сейчас находится. const leftHandler = () => { leftPosition = leftPosition - 20; (если здесь поменять на leftPosition = rightPosition - 20; то кнопка срабатывает 1 раз и всё. Как автоматизировать шаблон?) hero.style.left = `${leftPosition}px`;

👍🏼👍🏼

Привет лучший как всегда 😊

Когда ввожу npm create vite@latest и выбираю Svelte, TypeScript у меня выдает много разных ошибок, а если выбираю JavaScript, все нормально, что делать?

как сделать через елемент <div> в html текст в центре по висоте?

Не думаю что ты ответишь спустя такое время. Твой ролик пушка, занимаюсь фронтом давно но не знал что могу толком не добавляя новых знаний делать еще и десктопные приложения на js, это просто пушечно. Подскажи пожалуйста, если все же ответишь, вот есть puppeter на js, меня интересует, как я могу запускать puppeter через интерфейс электрона?

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

Сильно! Как сложно конечно для того, кто только учится...... Всем Адекватности мира и добра, ребята.

Не могу поверить как ты старался у меня получилось

Первый подобный пример без воды и лишней болтовни... Спасибо вам за вашу работу

Гениально

Молодец

Супер понятно,респект большой.

Покажи как сделать всплывающее окно при наведении мыши на какой нибудь объект

очень круто!

Прошу прощения, а можно ли на эти объекты добавлять свои текстуры? Скажем, картинки, через имг СКР, или что-то такое?

МОЛОДЦА !!!!

Вот знаете , очень страшно , что после блока ютабчика - пропадут подобные авторы . Родной, ты не теряйся и дай знать , где тебе искать 🤝

Раньше делал небольшую игру на three а сейчас попробовал babylon. Заметил интернсный момент, js файл после сборки у three занимает 1mb. А у babylon 10mb. Для маленького проэкта бабилон уж очень тяжелая либа. Он настолько лучше по функционалу чтобы выбирать его?

Классные видосы

пожелаю удачи

у кого не отображаются сердечки попробуйте изменить -2 на другие цифры, у меня : this.img.style.bottom = ((window.screen.height / 32) -6) * 32;

у кого дергается анимация удалите строчку: //this.img.style.widht = this.blockSize*4; там автор ошибся и написал WIDHT, а не WIDTH

Спасибо за урок. Подскажите, возникает следующая ошибка при запуске приложения на windows 7 "....exe. не является приложением Win32" Сборку делал как x32, так и x64 При запуске на win10,11 такой ошибки не возникает и приложение работает

Как сделать аналогично npm run make, только что бы на выходе получить .dmg для мак?

как же оно лагает

Давай еще не останавливайся

Нихерасебе

Красава, хороший канал!

Спасибо за ваш труд❤ Очень помогает разобраться

Полезно знать такие вещи для веб разработчика

У меня никак не получается, уже по всякому пытался получается просто белый экран у desktop, кто может помочь и как с вами связаться заранее спасибо

Одним циклом наверное будет проще рисовать "сердечки": const addHearts = () => { for (let i = 0; i < maxLives; i++) if ( i < lives ) { let heartRed = new HeartRed(i) } else { let heartEmpty = new HeartEmpty(i) } }

Спасибо за видео, за терпеливое объяснение . Все на высшем уровне🔥

привеееееет!

У меня лагает игра, но комп мощный, на всех пк лагает хз с чем связано

Для рядового разработчика на реакте было понятно только первые 2 минуты)))) дальше пропасть) Как называется человек который для таких игр создаёт модели в блендере? Аниматор? 3D дизайнер?

Лучший урок по этой игре на реакте!

Я думал, что выучив JS, пойму, как создавать сайты, но я тут, на этом видеоуроке и понимаю, насколько я узколобый, что ДАЖЕ И НЕ ЗАДУМЫВАЛСЯ ЧТО ТАК МОЖНО БЫЛО! Спасибо тебе за уроки, я впервые, за долгие годы изучения фронтенд(я ещё даже не junior) смог улыбнуться, увидев такой результат. И да, каждый видеоурок я -"А ЧЁ ТАК ТОЖЕ МОЖНО БЫЛО?" В общем ох и ах и одни эмоции)

О, круто, спасибо

А есть ссылка на код?

как вытащить файлы в реакт приложение?

У меня от первого урока не появилась сцена в "блендере"? Почему то не скачивается "вавилон"???

Супер!!!!!!

Супер!!!!

Не понятно? Как должна отобразиться сцена в "блендере"?

видос просто имба

только ты кажется забыл объяснить чем именно не подходит browser router, ведь с ним всё работает точно так же

Блин мужик, я не понимаю почему так мало просмотров твоего материала, все по факту без воды,довольно просто и бесплатно, пусть записываются на скилбокс и не знают нифига

Шикарно! то что нужно! Спасибо большое 🤜🤛