Как вставить значение ввода в другие входы в JS?

Question

Почему я не могу вставить значение входа в другой вход?Следующий пример не работает:

document.getElementById("input").oninput = () => {
  const input = document.getElementById('input');
  const output = document.getElementById('output');

  // Trying to insert text into 'output'.
  output.innerText = input.value;
};

<input id="input" placeholder="enter value of temperature" />
<br>
<input id="output" />

Спасибо!

Answer 1

может быть это будет полезно.согласно моим знаниям.ваш код не будет работать в IE.потому что функции стрелок не поддерживаются в IE.однако ошибка в вашем коде - «value1.innerText», что не является правильным свойством.потому что в вашем коде вы можете видеть.

value1.innerText=currentValue.value

, так что если вы выбираете значение, используя свойство ввода value.Вы должны назначить то же свойство для другого поля ввода.

, поэтому функция будет выглядеть примерно так:

var convertTemperature = function convertTemperature() {
      var currentValue = document.getElementById("currentValue");
      var value1 = document.getElementById("value1");
      value1.value = currentValue.value;
};

Answer 2

Вы можете получить значение в реальном времени с помощью кода ниже,

jQuery('input#currentValue').change(function(){
    var current_value = jQuery('input#currentValue').val();
    jQuery('input#value1').val(current_value );
});

Answer 3

Вы должны использовать .value вместо .innerText, чтобы установить значение для элемента ввода, например:

output.value = input.value;

document.getElementById("input").oninput = () => {
  const input = document.getElementById('input');
  const output = document.getElementById('output');

  output.value = input.value;
};

<input id="input" placeholder="enter value of temperature" />
<br>
<input id="output" />