Не перезаписывает содержимое DIV

Question

При нажатии <button> выполняется функция f1(). Функция получает div.out-3 со страницы и в каждый записывает число 3, перезаписывая содержимое <div>:

let button = document.querySelector("#b-1").onclick = f1;

function f1() {
  let ot = 3;
  let out = document.getElementsByClassName("out-3");
  for (let i = 0; i < ot.length; i++) {
    out.innerHTML += ot[i];
  }
  console.log(out);
}

<div class="out-3">1</div>
<div class="out-3">1</div>
<div class="out-3">2</div>
<button id="b-1">Кнопка</button>

Answer 1

document.querySelector("#b-1").addEventListener("click", function() {
  const ot = 3;
  document.querySelectorAll(".out-3").forEach(el => el.innerHTML = ot);
});

<div class="out-3">1</div>
<div class="out-3">1</div>
<div class="out-3">2</div>
<button id="b-1">Кнопка</button>

Answer 2

out.innerHTML += ot[i];

Здесь вместо "+=" просто нужно писать "=" и все.

БЛОГ НА HUSL

Не перезаписывает содержимое DIV

Ответы (2 шт):