Веб разработка. HTML, CSS, JavaScript, React, Redux, Node

Что такое document.querySelector в JS? Понятное объяснение для новичков.

Представьте, что HTML-страница – это большой дом, в котором много комнат (элементов). У каждой комнаты может быть свое имя (ID), свой стиль оформления (класс), а также каждая комната может быть определенного типа, например, спальня, кухня, ванная (тег). document.querySelector() – это как опытный поисковик, которого вы отправляете в этот дом, чтобы найти конкретную комнату. Вы даете ему описание этой комнаты (CSS-селектор), и он находит первую комнату, которая соответствует описанию. Разберем подробнее: Примеры “инструкций” (CSS-селекторов): Что происходит, когда поисковик находит комнату? Что происходит,...

10 месяцев назад

Как сгенерировать рандомное число от 1 до 100 на JS? Варианты и подробное описание для новичка.

Вот несколько способов сгенерировать случайное число от 1 до 100 на JavaScript, с подробными объяснениями для начинающих: Способ 1: Используя Math.random() и Math.floor() (самый распространенный): function getRandomInt(min, max) { // Math.random() генерирует случайное число между 0 (включительно) и 1 (исключительно). // Умножаем это число на (max - min + 1), чтобы получить диапазон случайных чисел от 0 до (max - min + 1). // Добавляем min, чтобы сдвинуть диапазон от min до max включительно. let randomNumber = Math.random() * (max - min + 1) + min; // Math.floor() округляет число вниз до ближайшего целого...

10 месяцев назад

Если <script> вставлять в HTML где лучше всего его расположить и почему?

Расположение тега <script> в HTML-документе — это важный вопрос, который влияет на скорость загрузки страницы и пользовательский опыт. Существует два основных подхода: 1. Внутри тега <head>: 2. Перед закрывающим тегом </body> (в самом конце документа): Какой вариант лучше? В большинстве случаев, рекомендуется размещать тег <script> перед закрывающим тегом </body>. Почему? Но есть исключения: Атрибуты async и defer: Эти атрибуты позволяют управлять загрузкой и выполнением скриптов. Рекомендации по использованию async и defer: Примеры: <!DOCTYPE html> <html> <head> <title>Моя страница</title> <link rel="stylesheet" href="style...

10 месяцев назад

Задачи по JS с собеседований. Вернуть пересечение двух массивов.

Задание ; Даны два массива: [1, 2, 3, 2, 0] и [5, 1, 2, 7, 3, 2] Надо вернуть их пересечение [1, 2, 2, 3] (порядок неважен) Пересечение двух массивов можно добиться всего одной строкой кода, применяя методы filter() и includes() Первый метод filter() играет главную роль, он итерируя через каждый элемент массива arr1. А includes() активно помогает, проверяя, содержит ли элемент массив arr2...

1 год назад

Задачи по JS с собеседований. Напишите функцию, которая переворачивает строку.

Всем доброго дня! Сегодня разберем одну совсем несложную задачу. Необходимо написать функцию, которая переворачивает строку. Первый способ - с помощью встроенных методов String.prototype.split(), Array.prototype.reverse() и Array.prototype.join() Метод split() принимает на вход строку и преобразует в массив, разбивая ее по разделителю; Метод reverse() переварачивает элементы массива, первый становится последним, а последний первым; Метод join() объединяет все элементы массива в строку. И запишем все это в одну строку. function revers(str) { return str.split('').reverse().join(''); } Второй...

1 год назад