Это же писец-язык лапша...
А работа с DOM-кошмар!
В руководстве от мозиллы можно утонуть и сойти с ума...
Постоянно что то не работает,учить пхп и то приятнее и понятнее было
Изучал, неасилил, кроме калькулятора ничего не сделал
сначала делаешь счетчик, потом делаешь пару простых слайдеров, потом делаешь туду лист, потом делаешь змейку и тетрис, потом тоже самое на реакте, делаешь пару сайтов и уже можешь работать за 50 000 в мес
к JS надо относиться с юмором
я читаю его,но чем дальше в лес...
первый ступор случился с объектами.
Но все равно самое сложное разобрать дебри Dom
возьми фреймворк возьми фреймворк
и как его пойму без базы?
просто бери сразу же и делай,
больше делай, меншье читай,
точнее читай по ходу того как делать будешь
потому что фуллстек
А что там такого сложного? События, дерево элементов да ajax. Это ж всё не надо сразу досконально изучать, по мере надобности гугли да разбирайся.
так у пхп такая же слава...
я только понял как подключиться к элементам.
хотел сделать изменение цвета при удержании элемента мышью(именно с жс,на чистом CSS это просто)-ничего не заработало.А жс тред-сборище токсиков
бро, нахуя делать через js то что умеет делать css
а так ты можешь конечно через селектор найти элемент и на него событие повесить, только если это умеет сам css делать это он и должен делать
зато я не смог это реализовать с div
ну так назначть своему div какой нибудь class
найди это класс через queryselector
и повесь на него событие
это ж АПИ к браузеру, а не к языку
анон,это критическая проблема.
иначе какой я кодер,я должен уметь это
>>246999614
я сделал через id
и да,я щас понял,почему на чистом css не получилось,я поставил колор вместо бэкграунд-колор.
вот я тупица
Чел, я серьёзно, если ты не можешь разобраться с DOM API, то программирование — это не твоё. Твой уровень — это завод или касса в Пятёрочке.
Во-первых, там ничего сложного нет.
Во-вторых, сейчас современные SPA
-фреймворки позволяют почти полностью избавиться от работы с DOM.
имхо, жс это очень плохой выбор для первого языка. Считай язык объединенный с GUI браузера. Плюс браузерное апи которое может сильно отличаться. Ну или держаться только серверной части и к фронту перейти когда знания окрепнут.
> Считай язык объединенный с GUI браузера
Какой же маня. Сразу видно дальше формочек не заходил
>пхп и то приятнее
ага, а питон ещё
let div1 = document.getElementById("div1");
div1.addEventListener("click", color);
function color() {
надо клик заменить на удержание и найти метод изменения цвета
Но это его основное назначение - манипуляция с графической частью. Все остальное все-таки вторично. Ты конечно можешь забивать гвозди микроскопом, но все равно должен понимать что для этого есть молоток.
Еби жыквери епта, лезть в говно дебри жабы - не стоит
Как же хорошо что я пошел дрочить питонский и теперь рнн на шее у мамки и могу тыкать нейронки.
Напрямую с DOM ты никогда работать не будешь. Бери фреймворки/библиотеки по типу react, vue или angular. В крайнем случае бери JQuery. Это тот же DOM просто завернутый в более удобные функции.
На самом деле не советую работать с вебом. Через 5 лет будешь плеваться и материться жалея потраченного времени. Потому что вечно все меняется, вечно все ломается и это замкнутый круг.
Тебе надо начать в очко долбится и сразу 300к\нс станешь. Так как
это говноязык для быдла и пидорасов. Хрюкни, кста, хохол.
у тебя галлюцинации
нормальные либы всегда пишут гайды по апгрейду, никаких плевков
>Событие mousedown срабатывает, когда кнопка указывающего устройства (к примеру, мыши) нажата над элементом.
Твой клик делится на: нажалmousedown и отпустилmouseup
mousedown - фиксируешь, что пользователь нажал, но не отпустил
выполняешь свой код до тех пор, пока пользователь не отожмёт
mouseup - фиксируешь, что пользователь отжал, код не выполняешь
let object=document.getElementById('object');
function color(){
object.style.backgroundColor = "green";
}
object.addEventListener("mousedawn", color);
не работает
приведи примеры, когда тебе нужно использовать работу с DOM, используя фреймворки а-ля React
поменять надо красный div id=object на зеленый цвет при удержании
>>247002074
>>247001287
загугли хуйло тупорылое
mousedown - меняешь цвет, добавляешь mousemove и двигаешь
mousemove - двигаешь блок
mouseup - меняешь цвет если нужно, удаляешь mousemove
js ниндзя
А хули его учить? Есть задача - делаешь. Что не получается - гуглишь
Потом сталкиваешься с реальностью и получаешь по жопе из-за отсутствия опыта. В первые месяца 3 на работе взял кучу подходов и фишек от команды, потом стал смелее и стал внедрять свои подходы
Учат для того, чтобы писать уметь крутить код в голове без необходимости покликать на примере, а не гуглить. Если работаешь на дядю, то скорость черепахи не приветствуется, особенно в реалтайме поступления багов какой-нибудь задачки. Очень часто приходится переключаться с задачи на задачу, тут мастхев умение воспроизводить код в голове, разбираться в том, что написано не тобой
Все гуглят, сеньоры гуглят, мидлы гуглят, джуны. Твой навык разработчика почти на 100% зависит от твоего навыка искать информацию. С твоим подходом далеко не уйдёшь
Да, я тоже гуглю, но только какие-нибудь фишечки css'а или же сурс код какой-нибудь либы, чтобы знать то, что она может, а что придётся костылить для работы какого-нибудь кейса. То, что написано без использования либ не нуждается в поиске в инете. Приведи пример ванильного кода, который невозможно понять давай без Date
Годная книжка?
Достаточно полная, даёт хорошее понимание языка и что он тебя хочет
Да в том-то и прикол, что я никаких примеров даже привести не смогу. Просто любая задача делается без каких-либо предварительных знаний, активно учить ничего не нужно, в процессе задачи ты сам наберёшь нужные знания
Гуглить учись, быдло. Иначе так и останешься чмохой
Названия функций делай говорящими: changeNodeColor = (node, color) => node.style.backgroundColor = color
handeMouseMove = () => {/ тут перемещаешь /}
handleMouseDown = () => {
changeNodeColor(node, '#fff')
window.addEventListener('mousemove', handeMouseMove)
}
handleMouseUp = () => {
changeNodeColor(node, '#fff')
window.removeEventListener('mousemove', handeMouseMove)
}
Я вообще другой анон лол.
Ещё сделал бы запоминание предыдущего цвета в handleMouseDown, чтобы в handleMouseUp вернуть старый цвет, а не вручную его писать
Если че не работает открываешь консоль браузера и смотришь может у тебя ошибки какие нибудь. Если есть ошибки и ты не понимаешь что они значат то гугли их. Короче дебажить и гуглить учись.
Во-первых, убери нахуй тег скрипт из хеда
Скрипты обычно крепятся перед </Бади>
Во-вторых, let - это синтаксис es6
Используй лучше var, особенно когда в ТЗ видишь ишак
Разумеется, у тебя ещё Dom не прицепился, а ты уже делаешь гет елемент. Парсинг html идёт сверху вниз, маня
>>247005528 анон
не определен object
ну раз ты сеньор-помидор,маня,объясни,не все тут ИКСперты
Скриптовую часть ниже опусти. Парсер на момент выполнения не знает об элементе с id object.
>>247005897
Я тебе уже сверху написал.
Стили крепятся в заголовке, а скрипты в самом низу
Тогда браузер сгенерит дом, перейдет к тегу скрипт и найдет объект
Плюс, пока учишься в браузере, лучше забить на let и стрелочные функции. Потом говна столько говна съешь, лучше сразу учится нормально
так,ошибка с object исчезла
Теперь что пишет?
Макет был принудительно применён перед полной загрузкой страницы. Если таблицы стилей ещё не загружены, то это может спровоцировать отображение нестилизованного содержимого
а что не так с object.style.backgroundColor?
>жыквери
>2021
земля тебе пухом
А стили которые в styles.css подсосались к дому?
Скинь скрин
хуйли его изучать? Он интуитивно понятный. Берешь и делаешь что тебе нужно.