Задача на js
Напишите функцию, которая принимает массив чисел в качестве аргумента и возвращает новый массив, содержащий только уникальные числа из исходного массива.
Пример использования:
Ожидаемый вывод:
Решение:
function getUniqueNumbers(numbers) {
return Array.from(new Set(numbers));
}
В данной задаче мы используем
#домашка
Напишите функцию, которая принимает массив чисел в качестве аргумента и возвращает новый массив, содержащий только уникальные числа из исходного массива.
Пример использования:
const numbers = [1, 2, 3, 4, 5, 2, 4, 6, 7, 3, 8, 9, 1];
const uniqueNumbers = getUniqueNumbers(numbers);
console.log(uniqueNumbers);
Ожидаемый вывод:
[1, 2, 3, 4, 5, 6, 7, 8, 9]
Решение
function getUniqueNumbers(numbers) {
return Array.from(new Set(numbers));
}
В данной задаче мы используем
Set, который позволяет хранить только уникальные значения. Мы преобразуем исходный массив numbers в Set с помощью new Set(numbers), а затем преобразуем его обратно в массив с помощью Array.from(). Таким образом, получаем массив uniqueNumbers, содержащий только уникальные числа из исходного массива.#домашка
👍7❤4
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Задача на js
2. Полезные сниппеты для VS code
3. Как тестировать верстку?
Лучшие фронтенд вакансии @job_webdev:
1. Фронтенд-разработчик React/Next.js
2. HTML-верстальщик Love Soft Digital
3. Frontend-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. UI/UX дизайнер FreshForex
2. Web-дизайнер
3. Web-дизайнер Product Lab
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Задача на js
2. Полезные сниппеты для VS code
3. Как тестировать верстку?
Лучшие фронтенд вакансии @job_webdev:
1. Фронтенд-разработчик React/Next.js
2. HTML-верстальщик Love Soft Digital
3. Frontend-разработчик
Лучшие дизайн вакансии @job_webdesign:
1. UI/UX дизайнер FreshForex
2. Web-дизайнер
3. Web-дизайнер Product Lab
#лучшеезанеделю
❤3👍1
Тег <time>
HTML тег <time> представляет временную метку в документе HTML. Он используется для указания даты, времени или их комбинации.
Пример использования тега <time>:
В данном примере мы указываем, что наша временная метка соответствует 1 января 2022 года. Атрибут datetime используется для указания конкретной даты и времени в формате ГГГГ-ММ-ДД.
Однако, тег <time> не ограничивается только датами. Он также может быть использован для указания времени:
В этом случае мы указываем, что временная метка соответствует 12:30 PM.
Тег <time> также поддерживает комбинированные значения, включающие и дату, и время:
Этот пример указывает, что временная метка соответствует 1 января 2022 года, 12:30 PM.
Тег <time> особенно полезен для поисковых систем и адаптивного дизайна. Поисковые системы могут использовать информацию из тега <time> для индексации дат и времени, а адаптивный дизайн может автоматически адаптировать формат и отображение временных меток в зависимости от устройства пользователя.
Тег <time> является одним из многих полезных инструментов, предоставляемых HTML для более точного и информативного описания контента.
#html | #теория
HTML тег <time> представляет временную метку в документе HTML. Он используется для указания даты, времени или их комбинации.
Пример использования тега <time>:
<time datetime="2022-01-01">1 января 2022</time>
В данном примере мы указываем, что наша временная метка соответствует 1 января 2022 года. Атрибут datetime используется для указания конкретной даты и времени в формате ГГГГ-ММ-ДД.
Однако, тег <time> не ограничивается только датами. Он также может быть использован для указания времени:
<time datetime="12:30">12:30 PM</time>
В этом случае мы указываем, что временная метка соответствует 12:30 PM.
Тег <time> также поддерживает комбинированные значения, включающие и дату, и время:
<time datetime="2022-01-01T12:30">1 января 2022 года, 12:30 PM</time>
Этот пример указывает, что временная метка соответствует 1 января 2022 года, 12:30 PM.
Тег <time> особенно полезен для поисковых систем и адаптивного дизайна. Поисковые системы могут использовать информацию из тега <time> для индексации дат и времени, а адаптивный дизайн может автоматически адаптировать формат и отображение временных меток в зависимости от устройства пользователя.
Тег <time> является одним из многих полезных инструментов, предоставляемых HTML для более точного и информативного описания контента.
#html | #теория
👍3🔥3❤1
HTML Вопрос:
К какому элементу нельзя применить атрибут autofocus?
К какому элементу нельзя применить атрибут autofocus?
Anonymous Quiz
33%
<form>
12%
<input>
26%
<button>
18%
<textarea>
11%
Посмотреть ответы
👍1
Атрибут autofocus
Атрибут autofocus в HTML используется для установки фокуса на определенный элемент формы при загрузке страницы. Когда атрибут autofocus присутствует в теге элемента формы, этот элемент автоматически получает фокус, что позволяет пользователям сразу начать вводить данные без необходимости щелкать на поле ввода.
Пример использования атрибута autofocus:
В данном примере, при загрузке страницы, поле ввода с id "name" будет автоматически получать фокус, что позволит пользователю сразу начать вводить свое имя.
Атрибут autofocus может быть использован с различными элементами формы, такими как текстовые поля, поля для ввода пароля, чекбоксы и радиокнопки. Однако, рекомендуется использовать его с умеренностью, чтобы не создавать ненужных проблем для пользователей, особенно для тех, кто использует вспомогательные технологии или имеет особые потребности в доступности.
#html | #теория
Атрибут autofocus в HTML используется для установки фокуса на определенный элемент формы при загрузке страницы. Когда атрибут autofocus присутствует в теге элемента формы, этот элемент автоматически получает фокус, что позволяет пользователям сразу начать вводить данные без необходимости щелкать на поле ввода.
Пример использования атрибута autofocus:
<form>
<label for="name">Имя:</label>
<input type="text" id="name" name="name" autofocus>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<input type="submit" value="Отправить">
</form>
В данном примере, при загрузке страницы, поле ввода с id "name" будет автоматически получать фокус, что позволит пользователю сразу начать вводить свое имя.
Атрибут autofocus может быть использован с различными элементами формы, такими как текстовые поля, поля для ввода пароля, чекбоксы и радиокнопки. Однако, рекомендуется использовать его с умеренностью, чтобы не создавать ненужных проблем для пользователей, особенно для тех, кто использует вспомогательные технологии или имеет особые потребности в доступности.
#html | #теория
🔥5❤1👍1😍1
Splide - аналог swiper.js
Splide.js это легкая и гибкая библиотека JavaScript для создания адаптивных и настраиваемых слайдеров или каруселей на веб-страницах. Он предоставляет простой и интуитивно понятный API, который позволяет разработчикам легко внедрять и настраивать слайдеры с минимальными усилиями.
Одним из ключевых преимуществ Splide.js является его производительность. Он разработан таким образом, чтобы быть быстрым и эффективным, обеспечивая плавные переходы и анимацию даже при большом количестве контента. Он также имеет небольшой размер файла, что помогает оптимизировать время загрузки страницы.
Смотреть 👨💻
#полезности
Splide.js это легкая и гибкая библиотека JavaScript для создания адаптивных и настраиваемых слайдеров или каруселей на веб-страницах. Он предоставляет простой и интуитивно понятный API, который позволяет разработчикам легко внедрять и настраивать слайдеры с минимальными усилиями.
Одним из ключевых преимуществ Splide.js является его производительность. Он разработан таким образом, чтобы быть быстрым и эффективным, обеспечивая плавные переходы и анимацию даже при большом количестве контента. Он также имеет небольшой размер файла, что помогает оптимизировать время загрузки страницы.
Смотреть 👨💻
#полезности
😍3👍1👎1
CSS Вопрос:
Какое свойство определяет область позиционирования элемента, в которой будет показано его содержимое?
Какое свойство определяет область позиционирования элемента, в которой будет показано его содержимое?
Anonymous Quiz
52%
position
21%
overflow
13%
z-index
7%
clip
7%
Посмотреть ответы
👎13🌭3❤1
Задача на JavaScript:
Вам необходимо написать функцию, которая будет принимать на вход строку и возвращать изменённую версию этой строки, где все символы будут заменены на их зеркальные отражения. Например, если мы хотим изменить строку «Привет, мир!», то получим «Твот, ривеТ!».
Функция должна работать следующим образом:
1. Функция принимает на вход строку.
2. Создаётся новая пустая строка.
3. Каждый символ исходной строки переворачинулся с помощью метода
4. Перевёрнутый символ добавляется в новую строку с помощью оператора
5. Новая строка возвращается из функции.
#домашка
Вам необходимо написать функцию, которая будет принимать на вход строку и возвращать изменённую версию этой строки, где все символы будут заменены на их зеркальные отражения. Например, если мы хотим изменить строку «Привет, мир!», то получим «Твот, ривеТ!».
Функция должна работать следующим образом:
1. Функция принимает на вход строку.
2. Создаётся новая пустая строка.
3. Каждый символ исходной строки переворачинулся с помощью метода
reverse().4. Перевёрнутый символ добавляется в новую строку с помощью оператора
+=.5. Новая строка возвращается из функции.
#домашка
❤2👍1
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. Атрибут autofocus
2. Тег <time>
3. Как создать репозиторий на GitHub
Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик
2. HTML-верстальщик
3. Frontend-разработчик Метр квадратный
Лучшие дизайн вакансии @job_webdesign:
1. UI/UX дизайнер Alpaca Dev Studio
2. Web-дизайнер Red Krab
3. UI/UX дизайнер ООО Мой Класс
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. Атрибут autofocus
2. Тег <time>
3. Как создать репозиторий на GitHub
Лучшие фронтенд вакансии @job_webdev:
1. Frontend-разработчик
2. HTML-верстальщик
3. Frontend-разработчик Метр квадратный
Лучшие дизайн вакансии @job_webdesign:
1. UI/UX дизайнер Alpaca Dev Studio
2. Web-дизайнер Red Krab
3. UI/UX дизайнер ООО Мой Класс
#лучшеезанеделю
👍3❤1
JS Вопрос:
Какой способ вставки элементов на страницу является более современным и быстрым?
Какой способ вставки элементов на страницу является более современным и быстрым?
Anonymous Quiz
22%
insertAdjacentHTML
36%
innerHTML
7%
innerText
23%
appendChild
12%
Посмотреть ответы
🔥7
Задача на JavaScript:
У вас есть массив чисел, который представляет собой незавершенную арифметическую прогрессию. Нужно написать функцию, которая принимает этот массив и возвращает недостающее число, которое должно быть следующим в прогрессии.
Пример:
Если дан массив [1, 4, 7, 10, 16], то функция должна вернуть число 13, так как оно не хватает для завершения арифметической прогрессии со шагом 3.
Ваша задача состоит в том, чтобы написать функцию, которая решает эту проблему с помощью JavaScript. Вы можете использовать любые встроенные функции, методы массивов или циклы, чтобы писать эффективный код.
Одно их решений в комментариях
#домашка
У вас есть массив чисел, который представляет собой незавершенную арифметическую прогрессию. Нужно написать функцию, которая принимает этот массив и возвращает недостающее число, которое должно быть следующим в прогрессии.
Пример:
Если дан массив [1, 4, 7, 10, 16], то функция должна вернуть число 13, так как оно не хватает для завершения арифметической прогрессии со шагом 3.
Ваша задача состоит в том, чтобы написать функцию, которая решает эту проблему с помощью JavaScript. Вы можете использовать любые встроенные функции, методы массивов или циклы, чтобы писать эффективный код.
Одно их решений в комментариях
#домашка
👍1