Вывод данных из переменной js в input. Почему input не активный?

Question

[Nik_Dev]

Сделал вывод данных с json приватбанка.
Чтобы заполняя поле "цена грн" происходила конвертация в евро и заполнялось в поле "цена евро".
Но есть такая проблема, что когда оборачиваю input в div, то он становится неактивным, выводится просто текст.
Как сделать, чтобы записывало данные в поле input и оно было активным?

Заранее благодарю.

<td>Цена</td> 
<input type="text" class="text" name="xfield[price]" id="xfield[price]" value="" oninput="out.innerHTML = (this.value / exchs[1]).toFixed(0)">
<br>
<td>Цена евро</td> 
<div id="out">Загрузка данных ...<input type="text" name="xfield[price_eur]" id="xfield[price_eur]" value=""></div>

<script>
function success(data){
  exchb = [], exchs = [];
  data.forEach(function(e,i) {
       exchb[i] =   e.buy
       exchs[i] =   e.sale
  });
  document.querySelector("#out").innerHTML = "Введите цену"
}
</script>
<script src="https://api.privatbank.ua/p24api/pubinfo?jsonp=success&exchange&coursid=5"></script>

Comments

[kulaeff]

Вы неправильно задаете обработчик события oninput. Либо засуньте в функцию и укажите эту функцию, либо навесьте ее на инпут через addEventListener.