HTML Academy
Предыдущее задание
Сортировка пузырьком1/1
Вернуться в список заданий
  1. 1. Сортировка пузырьком
Завершить часть
Оформить подписку
  • Регистрация
  • Войти

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения. Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью соцсетей.

  • ФБ
или

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Войти и продолжить
  • index.html
  • style.css
  • script.js
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Алгоритмы. Сортировка пузырьком</title> <link rel="stylesheet" href="setting.css"> </head> <body> <div class="plot-container plot-regular"></div> <script> function draw(arr, swap1, swap2) { const container = document.querySelector(".plot-container"); const row = document.createElement("div"); row.className = "row"; for (let i = 0; i < arr.length; i++) { const num = arr[i]; const div = document.createElement("div"); div.classList.add("dot", "dot-" + num); div.textContent = num; if ((swap1 === i) || (swap2 === i)) { div.classList.add("dot-swapped"); } row.appendChild(div); } container.appendChild(row); } </script> <script src="script.js"></script> </body> </html>
CSS
JavaScript
let arr = [4, 6, 8, 1, 7]; draw(arr); bubbleSort(arr); function bubbleSort(arr) { let n = arr.length - 1; for (let pass = 0; pass < n; pass++) { for (let j = 0; j < n - pass; j++) { if (arr[j] > arr[j + 1]) { // Перестановка элементов draw(arr, j, j + 1); } } } }

Что в задании вам не понравилось?

Спасибо! Мы скоро всё исправим)

Код изменился, нажмите «Обновить» или включите автозапуск.

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Консоль
Логотип HTML Academy
  • Наша группа в VK
  • Наш канал на YouTube
  • Наша страница в Twitter
  • Наш канал в Telegram
Инновационный центр Сколково

Практикум

  • Курсы для новичков
  • Подписка

Профессии

  • Фронтенд-разработчик
  • JavaScript-разработчик
  • Фулстек-разработчик
Курсы
  • HTML и CSS.
    Профессиональная вёрстка сайтов
  • HTML и CSS.
    Адаптивная вёрстка и автоматизация
  • JavaScript.
    Профессиональная разработка веб-интерфейсов
  • JavaScript.
    Архитектура клиентских приложений
  • React.
    Разработка сложных клиентских приложений
  • Node.js.
    Профессиональная разработка REST API
  • Node.js и Nest.js.
    Микросервисная архитектура
  • TypeScript. Теория типов
  • Алгоритмы и структуры данных
  • Паттерны проектирования
  • Webpack
  • Vite
  • Vue.js 3. Разработка клиентских приложений
  • Git и GitHub
  • Анимация для фронтендеров
Журнал
  • Справочник по HTML
  • Учебник по Git
  • Учебник по PHP

Информация

  • Об Академии
  • О центре карьеры

Услуги

  • Работа наставником
  • Для вузов и колледжей
  • Для учителей

Остальное

  • Написать нам
  • Мероприятия
  • Форум
  • Акции
  • Отзывы о курсах

СоглашениеКонфиденциальностьСведения об образовательной организацииЛицензия № Л035-01271-78/00176657© ООО «Интерактивные обучающие технологии», 2013−2025