Как добавить HTML элементу обработчик события?
Найдем первую кнопку на странице и будем выводить сообщение в консоль, когда произошел клик по этой кнопке.
#js
addEventListener() добавляет элементу действие, которое будет выполнено после срабатывания события. Например, после клика мыши или нажатия клавиши.Найдем первую кнопку на странице и будем выводить сообщение в консоль, когда произошел клик по этой кнопке.
const element = document.querySelector('button')
element.addEventListener('click', function (event) {
console.log('Произошло событие', event.type)
})
При вызове функции в нее передаётся специальный объект (в примере выше — event), который у разных типов событий разный. Например, у событий нажатия клавиши есть код клавиши, а у событий перемещения мыши — координаты.#js
This media is not supported in your browser
VIEW IN TELEGRAM
27 основных однострочных функций JavaScript
Список из 27 однострочных функций JavaScript, которые используются ежедневно и необходимы каждому разработчику.
#js
Список из 27 однострочных функций JavaScript, которые используются ежедневно и необходимы каждому разработчику.
#js
Каким будет output следующего JavaScript-кода?
console.log(Pattern.matches("[amn]", "abcd"));
console.log(Pattern.matches("[amn]", "abcd"));
Anonymous Quiz
17%
true
22%
false
15%
undefined
12%
a
35%
Посмотреть ответ
Как проверить, содержится ли значение в коллекции Set?
Метод
Пример:
Метод
set.has() проверяет, содержится ли значение в коллекции Set. Если значение есть в коллекции, метод вернет true, в противном случае — false.Пример:
const watchList = new Set(['Сияние', 'Интерстеллар', 'Казино'])
console.log(watchList.has('Казино'))
// true
console.log(watchList.has('Чёрная пантера'))
// false
#js
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
BEER
Кружка наполняется пивом при клике и удержании кнопки мыши. Реализовано на чистом CSS с использованием SVG.
#css
Кружка наполняется пивом при клике и удержании кнопки мыши. Реализовано на чистом CSS с использованием SVG.
#css
Функция "Показать пароль"
Видеоурок: автор показывает, как добавить возможность просмотра пароля, введенного в поле password.
#js
https://youtu.be/G8DOZ-sqdg0
Видеоурок: автор показывает, как добавить возможность просмотра пароля, введенного в поле password.
#js
https://youtu.be/G8DOZ-sqdg0
YouTube
Функция Показать пароль
Laravel + Angular. Быстрый старт: https://webformyself.com/minikurs/la/free.html
Исходники к уроку тут: https://t.me/webformyself/3270
В данном уроке вы найдете решение задачи просмотра пароля, введенного в поле password формы. Нередко в сети можно найти…
Исходники к уроку тут: https://t.me/webformyself/3270
В данном уроке вы найдете решение задачи просмотра пароля, введенного в поле password формы. Нередко в сети можно найти…
This media is not supported in your browser
VIEW IN TELEGRAM
Как сделать так, чтобы стандартные HTML элементы отображались одинаково во всех браузерах?
Некоторые элементы форм имеют уникальный внешний вид в каждой операционной системе. Например, выпадающий список в macOS внешне выглядит совсем не так, как такой же выпадающий список в Windows.
Свойство
В настоящее время используется в основном
#css
Некоторые элементы форм имеют уникальный внешний вид в каждой операционной системе. Например, выпадающий список в macOS внешне выглядит совсем не так, как такой же выпадающий список в Windows.
Свойство
appearance позволяет задавать внешний вид одних элементов другим элементам. При этом браузер будет отрисовывать их с учётом текущей операционной системы пользователя и темы оформления.В настоящее время используется в основном
appearance: none для сброса системных стилей, остальные значения не работают практически ни в одном браузере.#css