How to insert the value of input to another inputs in JS?

Question

Why can't I insert the value of an input into another input? The following example doesn't work:

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" />

Thank you!

Answer 1

You should use .value instead of .innerText to set the value to an input element, like:

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" />

Answer 2

may be this will be helpful. as per my knowledge. your code will not work on IE. because arrow functions are not supported in IE. however error in your code is "value1.innerText" which is not a right property. because in your code you can see.

value1.innerText=currentValue.value

so if you are fetching value using 'value' property of input. you have to assign a same property for another input box.

so function will be something like this.

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