Сергей Соколов

const el = document.querySelector('.coolUpdates');

const observer = new MutationObserver(list => {
  list.forEach(mutation => {
    mutation.addedNodes.forEach(node => {
      if (node.textContent === 'Обновление : добавили черный цвет') {
        console.log('Оп! Момент настал!');
      }
    })
  });
});

observer.observe(el, { childList: true });

const liked = new Set();

// ловить вообще все клики
document.addEventListener('click', e => {
  const el = e.target;
  if (!el.classList.contains('click')) return; // неинтересный клик
  if (liked.has(el)) { // уже выбран этот?
    liked.delete(el); // удалить
  } else {
    liked.add(el); // добавить
  }

  // пора показать что-нибудь
  document.querySelector('span.text').innerText = liked.size; // счётчик

  // список выбранных
  document.querySelector('span.list').innerText = [...liked.values()]
    .map(({innerText: t}) => t)
    .join(', ');
});

const sourceElement = document.querySelector('.GrandMuther');

// во что заворачивать
const wrapper = document.createElement('div');
wrapper.classList.add('Mother');

Array.from(sourceElement.children)
  .forEach(el => wrapper.appendChild(el));
sourceElement.appendChild(wrapper);

// «функция(не важно, сколько раз)»
const readBook = () => console.log('A B C');

// кнопка, которую много раз
const btnRead = document.getElementById('btn-read-book');
btnRead.addEventListener('click', readBook);

// другая кнопка, которая всё.
document.getElementById('btn-lights-out')
  .addEventListener(
    'click',
    () => btnRead.removeEventListener('click', readBook)
  );

// если это не сайт барбершопа, лучше обращаться к клиенту на «Вы»
let x = prompt('введи число', '')
let n = prompt('введи степень', '')

// не забывайте, что prompt() всегда возвращает строку, а не число

if (n < 0) {
    // сообщение вывели, но выполнять всё равно продолжили
    alert('степень должна быть больше нуля')
}

// переизобрели встроенную функцию Math.pow()
function pow(x, n) {
    return x ** n; // возвели в степень 1-й раз
}

let result = x ** n  // возвели в степень 2-й раз
alert(result)
// напоследок таки функцию вызывали, но результат — вникуда
pow(x, n);

class Hamburger {
  static SMALL = 'small';
  static TOPPING_CHEESE = 'cheese';

  // ...

// JSON, типа
const data = [
  {id: 1, text: 'я'},
  {id: 2, text: 'буду'},
  {id: 3, text: 'задавать умные вопросы'},
];

data.forEach(item => {
  document.body.insertAdjacentHTML('beforeend', `
    <div id="${item.id}">
      &mdash;&gt; <strong>${item.text}</strong> &lt;&mdash;
    </div>
  `);
});

let isInIframe;
try {
  isInIframe = window.self !== window.top;
} catch (e) {
  isInIframe = true;
}

if (isInIframe) {
  // мы в айфрейме
}

const sum = number => {
  if (number < 0) return 0;

  // вспомогательная функция считает сумму ряда с шагом step
  const sequenceSum = step => {
    const q = Math.floor(number / step);
    return q * (q + 1) * step / 2;
  }

  return sequenceSum(3) + sequenceSum(5) - sequenceSum(3 * 5);
}

// использование
sum(999999) // мгновенно: 233333166668

const sum = number => {
  if (number < 0) return 0;

  // вспомогательная функция считает сумму ряда с шагом step
  const sequenceSum = step => {
    const q = Math.floor(number / step);
    return q * (q + 1) * step / 2;
  }

  return sequenceSum(3) + sequenceSum(5) - sequenceSum(3 * 5);
}

sum(18) // 78

new Array(15).fill('').map((_, i) => i / 3 & 1 ? '+' : '-').join(',')
"-,-,-,+,+,+,-,-,-,+,+,+,-,-,-"

new Array(15).fill().map((_, i) => i)
  .reduce((acc, c, i) => {
    if (i % 3 === 0) acc.push([]);
    acc[acc.length - 1].push(c);
    return acc;
 }, []);
// "[[0,1,2],[3,4,5],[6,7,8],[9,10,11],[12,13,14]]"

<div class="burger">
  <span>Какой-то текст</span>
</div>