Валидация с setCustomValidity. Можно ли сократить этот код?

Конечно, можно сократить код, используя функциональные возможности JavaScript. setCustomValidity является методом объектов формы в JavaScript, который используется для установки пользовательского сообщения об ошибке валидации. Часто используется вместе с событием "invalid" для проверки валидности ввода данных в форму. Упрощение кода можно достичь с помощью использования функции-обертки и объекта, который хранит в себе все правила валидации. Вот ... Читать далее

Как эмулировать клик по кнопке?

Для эмуляции клика по кнопке в JavaScript можно использовать метод dispatchEvent(). Этот метод позволяет программно генерировать событие и передавать его в указанный элемент. Для начала, необходимо получить ссылку на кнопку, к которой мы хотим эмулировать клик. Для этого можно использовать различные методы, например, метод getElementById() для получения элемента по его идентификатору, или метод getElementsByClassName() для ... Читать далее

Как удалять теги из массива, которые уже не используются?

В JavaScript, удаление неиспользуемых тегов из массива можно осуществить с использованием нескольких подходов. Обычно, когда говорят о "неиспользуемых тегах", они имеют в виду теги, которые отсутствуют в коде HTML документа. Вот несколько способов удалить неиспользуемые теги из массива: 1. Перебор массива и проверка наличия каждого тега в документе: const tags = ['tag1', 'tag2', 'tag3']; const ... Читать далее

Почему не кликается ссылка на вызов href="tel:…"?

Ссылка с атрибутом "href" и значением "tel:..." предназначена для непосредственного вызова номера телефона по нажатию на нее. Однако, в некоторых случаях, ссылка может не кликаться по разным причинам. Рассмотрим возможные причины и способы их исправления. 1. Необходимо убедиться, что ссылка правильно оформлена. Атрибут "href" должен содержать значение "tel:", за которым следует номер телефона. Номер телефона ... Читать далее

Как правильно отфильтровать массив в зависимости от категории?

Для отфильтровки массива в зависимости от категории в JavaScript можно воспользоваться методом filter(). Предположим, у нас есть массив объектов, каждый из которых содержит свойство категория. Наша задача - отфильтровать только те объекты, у которых значение этого свойства соответствует определенной категории. Прежде всего, создадим массив объектов: const массив = [ { название: 'Продукт 1', категория: 'Еда' ... Читать далее

Как реализовать такой слайдер?

Для реализации слайдера на JavaScript существует несколько подходов. Я расскажу о самом простом и распространенном способе. 1. HTML: Создайте разметку для слайдера в HTML. Например, вот простая разметка: <div class="slider"> <div class="slides"> <img src="slide1.jpg" alt="Slide 1"> <img src="slide2.jpg" alt="Slide 2"> <img src="slide3.jpg" alt="Slide 3"> </div> <div class="controls"> <button class="prev">Prev</button> <button class="next">Next</button> </div> </div> 2. CSS: ... Читать далее

Как правильно перебирать элементы селектора?

В JavaScript существует несколько способов для перебора элементов по селектору. Вот несколько из них: 1. Метод querySelectorAll(): Этот метод позволяет нам выбирать все элементы, соответствующие селектору, и возвращать их в виде коллекции NodeList. Мы можем перебрать эту коллекцию с помощью цикла for или forEach. const elements = document.querySelectorAll('.selector'); // выбираем все элементы по селектору // ... Читать далее

Ошибка cors при обращении к keycloak?

Ошибка CORS (Cross-Origin Resource Sharing) возникает, когда браузер блокирует запросы с одного домена (или порта) к другому домену (или порту) из соображений безопасности. Это ограничение называется политикой same-origin (один источник), и оно выполняется для уменьшения атак межсайтового скриптинга (XSS). Keycloak - это открытая платформа управления доступом и идентификацией, которая обеспечивает Single Sign-On, множество протоколов аутентификации ... Читать далее

API для получения информации о пробках в определенный городах?

Для получения информации о пробках в определенных городах в JavaScript можно использовать различные API, предоставляющие такую функциональность. Ниже представлены несколько популярных API, которые можно использовать для этой цели. 1. Google Maps Traffic API: Google предоставляет API для получения информации о пробках на дорогах на основе данных, собираемых от участников сообщества и других источников. Для использования ... Читать далее

Как перевести дробное число в строку с сохранением нулей в конце (JS)?

В JavaScript есть несколько способов перевести дробное число в строку с сохранением нулей в конце. Рассмотрим их по порядку. 1. Метод toFixed(): Метод toFixed() позволяет указать количество знаков после запятой и возвращает строку, содержащую заданное количество знаков после запятой. Этот метод округляет число при необходимости. Пример: let number = 3.14; let string = number.toFixed(2); console.log(string); ... Читать далее