Задание 4 - DOM

Вариант 2

ДОБАВИТЬ ПЕРЕКРАСИТЬ

Исходный код CSS:

.class1 {
  background: rgb(50, 209, 50);
}

.class2 {
  background: rgb(206, 118, 118);
}

Исходный код JS:

function makeBold() {
  const els = document.getElementsByClassName("class1")
  for (el of els) {
    el.style.fontWeight = "bold"
  }
}

let sayings = [
  "Consuetudo est altera natura",
  "Nota bene",
  "Nulla calamitas sola",
  "Per aspera ad astra",
];

let translations = [
  "Заметьте хорошо!",
  "Привычка - вторая натура",
  "Беда не приходит одна",
  "Через тернии к звёздам",
];

let even = false;

function update() {
  if (sayings.length === 0) {
    alert("Фразы закончились");
    return;
  }

  const list = document.getElementById("rand");

  const idx = Math.floor(Math.random() * (sayings.length - 1));
  const saying = sayings[idx];
  const trans  = translations[idx];
  sayings.splice(idx, 1);
  translations.splice(idx, 1);

  const item = document.createElement("p");
  item.innerHTML = `<u>n=${list.childNodes.length}</u> ${saying} --- ${trans}`;
  item.classList.add(even ? "class1" : "class2");
  even = !even;
  list.appendChild(item);
}