как грамотно отобразить текст веденный в input в html

Question

Подскажите пожалуйста

function calc() {
  // Стоимость лота, $
  let lot = document.querySelector(".lot").value;
  lot.innerText = lot.append(lot);
}

 <input type="text" class="lot" value="" onchange="calc()" placeholder="1000" /> <br><br>
<div >Стоимость лота<span class="lot1">0</span></div><br>

нужно чтобы lot.value отображалось в span .lot1

Answer 1

Но сработает при выходе из инпута. А append в данном случае вообще не работает у вас.

function calc() {
  // Стоимость лота, $
  let lot = document.querySelector(".lot").value;
  let lot1 = document.querySelector(".lot1");
  lot1.innerText = lot;
}

 <input type="text" class="lot" value="" onchange="calc()" placeholder="1000" /> <br><br>
<div >Стоимость лота: <span class="lot1">0</span></div><br>

Answer 2

А если onchange заменить на oninput, то будет работать в процессе набора

function calc() {
  // Стоимость лота, $
  let lot = document.querySelector(".lot").value;
  let lot1 = document.querySelector(".lot1");
  lot1.innerText = lot;
}

<input type="text" class="lot" value="" oninput="calc()" placeholder="1000" /> <br><br>
<div >Стоимость лота: <span class="lot1">0</span></div><br>

БЛОГ НА HUSL

как грамотно отобразить текст веденный в input в html

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