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

161
09 мая 2022, 11:40

При нажатии <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];

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

READ ALSO
Странность меню аккордеон
javascript

Странность меню аккордеон

Взял с инета меню аккордеон, и прикол в том, что когда оно раскрывается, оно двигает вниз рядом стоящий с ним элементВ целом решается, если...

 236
Как задать событие создаваемому элементу в JavaScript
javascript

Как задать событие создаваемому элементу в JavaScript

Я хочу создать элемент div JS кодом Я делаю так:

 141
Как оптимизировать события в коде - JS?
javascript

Как оптимизировать события в коде - JS?

Вот код:

 277
Нет подключения к серверу Tomcat
Java

Нет подключения к серверу Tomcat

Начал изучать SpringMVCОбучение происходило без проблем, но только до первого запуска первого приложения

 297