0

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

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

2 ответа 2

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>

1

А если 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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.