Telegram Web
JavaScript. Задача

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

Необходимо составить программу нахождения цифрового корня натурального числа.

Входные данные: N - натуральное число, где 0 <= N <= 10^9

Вывод: цифровой корень числа N

Ответ
🎁 Бесплатный урок курса «Fullstack Developer» на JS.
🚀 Тема: Манипуляции с HTML и CSS с помощью JavaScript — основы динамичного взаимодействия с элементами страницы
Дата и время: 18.12.2024 в 20:00

👉 Зарегистрироваться на урок

Что будет на вебинаре?
- Работа с DOM: освоим поиск, изменение и добавление HTML-элементов с помощью JavaScript, чтобы сделать страницы интерактивными.
- Реагирование на клики и события: как с помощью JavaScript управлять действиями пользователя, изменяя элементы страницы по щелчкам, вводам и другим событиям.
- Основы изменения стилей: научимся добавлять и убирать классы, менять стили CSS для динамического управления внешним видом элементов.

Что узнают участники?
- Как использовать JavaScript для взаимодействия с HTML и CSS, включая управление элементами страницы через простые клики и другие события.
- Основные методы изменения стилей и классов, чтобы делать интерфейсы более динамичными.
- Практические навыки для применения в небольших проектах, позволяя создавать страницы с интерактивными элементами, которые реагируют на действия пользователей.

Бонус для участников:
- Справочник по HTML
- Справочник по CSS

Урок пройдет в рамках курса «Fullstack Developer». Скидка на курс 15%.

👉 Зарегистрироваться на урок

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
Группировка массивов в JavaScript (2024)

Группировка массивов — это задача, которую вы, скорее всего, реализовывали в JavaScript. Она напоминает выполнение GROUP BY в SQL. Имея набор данных, мы можем составить набор более высокого уровня, поместив похожие данные в группы и присвоив группам идентификаторы.

В этой статье разбираем новые функции группировки массивов, вышедшие в 2024 году, а именно Object.groupBy и Map.groupBy.

#ru
This media is not supported in your browser
VIEW IN TELEGRAM
Sidebar navigation

Создано и анимировано на HTML и CSS. В JS реализована только логика открытия/закрытия.

#css #js
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
65%
[1, 2, 3, 4, 5]
3%
[1, 2, 3, 5]
9%
[1, 2, 3, 4]
19%
Ошибка
4%
Посмотреть ответы
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
29%
['pear', ‘plum’]
37%
2
13%
true
12%
undefined
10%
Посмотреть ответы
Outfit at Dusk.gif
33.3 KB
Outfit at Dusk

Кнопка переключения меню с навбаром. Реализована с помощью JavaScript и CSS.

#js
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
24%
0 1 2 и 0 1 2
18%
0 1 2 и 3 3 3
48%
3 3 3 и 0 1 2
11%
Посмотреть ответы
Разрешите представиться, Каскадные слои CSS

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

#ru
This media is not supported in your browser
VIEW IN TELEGRAM
Welcome

Анимация приветствия. Написана на чистом CSS.

#css
JavaScript. Задача

Дано игровое поле, которое задано матрицей m x n, где каждая ячейка представляет собой клетку корабля «X» или пустую клетку «.».

Необходимо найти количество всех кораблей на игровом поле.

Примечания:
- Корабли можно размещать на игровом поле только горизонтально или вертикально
- Два корабля разделяет по крайней мере 1 горизонтальная или вертикальная клетка.

Входные данные: board — символьная матрица, содержащая символы ‘.’, ‘X’. Размер сторон матрицы от 1 до 100.

Вывод: количество всех кораблей.

Пример:

board = [
[‘X’, ‘.’, ‘.’, ‘X’],
[‘.’, ‘.’, ‘.’, ‘X’],
[‘.’, ‘.’, ‘.’, ‘X’]]

Output: 2

Ответ
JavaScript. Что будет выведено в консоль?
Anonymous Quiz
17%
['One', 2, true]
26%
[2, true, null]
32%
'One'
13%
null
12%
Посмотреть ответы
Media is too big
VIEW IN TELEGRAM
Ring Prepulsion

Создано на canvas и JS.

#js
This media is not supported in your browser
VIEW IN TELEGRAM
Infinity

Создано на HTML и SCSS. Анимировано при помощи CSS keyframes.

#css
2025/06/27 22:32:43
Back to Top
HTML Embed Code: