Здравствуйте, меня зовут Хосе Карлос Симоса, вот краткая информация обо мне. Я родом из Венесуэлы, мне 30 лет, я юрист. Из-за политических проблем в моей стране мне пришлось переехать. Я приехал в США и решил начать новый путь со своей второй страстью (с детства) — технологиями. Несмотря ни на что, я начал этот путь в школе Flatiron, и моя цель — стать инженером-программистом.

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

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

это простой пример вызова прослушивателя событий с левой стороны, где они сохраняют кнопку в элементе вызова переменной и сразу же добавляют событие с именем «щелчок», а когда событие срабатывает, передается другая функция, называемая myFunction, та же самая, что его единственная функция - сохранить элемент «p» с идентификатором «demo» и отредактировать содержимое html с фразой «Hello World», короче говоря, у вас есть кнопка, которая запускает одно событие и печатает строку каждый раз, когда вы нажимаете это, с правой стороны мы можем видеть вывод.

есть более сложные примеры добавления прослушивателя событий к элементу в html-файле, например следующий:

В этом случае мы можем видеть более одного события для разных элементов, сначала у нас есть «DOMcontentloaded», что означает, что событие DOM срабатывает, когда исходный HTML-документ полностью загружен и проанализирован, в строке 2 мы добавили другое событие в форму с именем отправить и передать другую функцию в качестве аргумента, функцию обратного вызова, после чего мы создаем функцию, которую мы вызывали ранее, где мы остановили поведение формы по умолчанию (поведение обновления), сохранили значение, которое мы передали в форму, и снова передали функция, называемая handlelist, которая в основном создает кнопку, и к каждой создаваемой кнопке она добавляет к ней одно событие, ниже есть несколько элементов для редактирования цвета и установки приоритета для каждой кнопки, это немного сложнее и, если честно Мне потребовалось некоторое время, чтобы исследовать и попробовать каждый вариант, который, кажется, работает в соответствии с моими критериями.

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

Здесь мы видим простой, но эффективный способ добавить 3 события к одной и той же кнопке с разными выходами, чтобы они сохраняли кнопку в переменной «элемент» и передавали разные события и функцию обратного вызова в каждом из событий, поэтому первое — это « mouserover», поэтому каждый раз, когда вы наводите указатель мыши на кнопку, вы будете получать строку/текст «Moused Over!», напечатанную в консоли, второе событие — это событие щелчка, поскольку мы знаем, что оно сработает, когда вы нажмете кнопку и вы получите распечатанный текст «Clicked», а последним является событие mouseout, когда вы получите триггер действия, когда вы перемещаете мышь из кнопки, в этом случае другая строка/текст распечатывается в консоли. но это еще не все, правда в том, что вы можете передать столько событий, сколько хотите, одному элементу, и для меня, как для ученика и человека, который любит редактировать вещи, это просто потрясающе. спасибо за чтение, и я приветствую каждый положительный комментарий, мнение и совет, которые могут помочь мне стать лучше на этом новом пути, который я выбрал.