Ввод текста в input и вывод в несколько output. html ,css

Question

У меня получается вывести текст из input в output если output находится в теге p, но если output находится в div ничего не выводится. Как сделать так, чтобы из input я мог вывести в любом месте например ссылаясь на id или что-то похожее.

.block2{
    min-height: 200px;
    height: auto;
    border-radius: 10px;
    background-color: #1E589F;
    color: #000;
    padding: 5px 10px;
}
.block1{
    min-height: 70px;
    padding: 10px 10px;
}

<p><input type="text" placeholder="Введи текст"></p>

<div class="block1">
  <div class="block2">
    <output></output>
  </div>
</div>
<div class="block1">
  <div class="block2">
    <output></output>
  </div>
</div>

Answer 1

let form = document.querySelector("#form"); 

const output = document.querySelectorAll("output");

form.addEventListener("input", ()=>{
  
  for(const out of output)
    out.innerHTML = form.value;
});

Полный код Ваш js код не полный. Написал чуть по другому.

БЛОГ НА HUSL

Ввод текста в input и вывод в несколько output. html ,css

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