// Преобразование строки в массив
let str = "Привет!";
let strArray = Array.from(str);
console.log(strArray); // ["П", "р", "и", "в", "е", "т", "!"]

// Использование с объектами NodeList
let elements = document.querySelectorAll('div'); // представим, что у нас на странице есть div'ы
let elementsArray = Array.from(elements);
elementsArray.forEach(element => console.log(element)); // теперь с этим массивом можно работать как с обычным массивом

const array = Array.from({length: 10}, (v, i) => i + 1);
console.log(array); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

const ball = document.querySelector('.ball');

ball.animate([
  { transform: 'translateY(0)', easing: "ease-in" },
  { transform: 'translateY(40vh)', easing: 'cubic-bezier(.21,.57,.71,1)' },
  { transform: 'translateY(0)', easing: 'ease-out' }
], {
  duration: 1500,
  iterations: Infinity,
});

form {
  accent-color: dodgerblue;
}

function findLongestSubstring(str) {
  // Инициализация начального индекса подстроки и максимальной длины
  let start = 0;
  let maxLength = 0;
  // Создаем коллекцию для хранения символов и их последних позиций в строке
  const charIndex = new Map();

  // Проходим по каждому символу в строке
  for (let end = 0; end < str.length; end++) {
    const currentChar = str[end];
    // Если символ уже встречался, обновляем начальный индекс подстроки
    // чтобы исключить повторяющийся символ
    if (charIndex.has(currentChar)) {
      start = Math.max(start, charIndex.get(currentChar) + 1);
    }
    // Записываем или обновляем позицию текущего символа
    charIndex.set(currentChar, end);
    // Вычисляем максимальную длину, сравнивая текущую длину подстроки с максимальной
    maxLength = Math.max(maxLength, end - start + 1);
  }

  // Возвращаем максимальную длину найденной подстроки
  return maxLength;
}

findLongestSubstring('abcabcbb') // Возвращает 3, т.к. максимальная подстрока без повторений - "abc"

:is(.section, .header, .footer) a:hover {
  background-color: blue;
  color: white;
}

.section a:hover, .header a:hover, .footer a:hover {
  background-color: blue;
  color: white;
}