Как скопировать значение из одного поля ввода в другое, используя JS

Question

У меня есть два поля ввода:

<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" />

Я хочу, чтобы функция автоматически копировала текст первого ввода, когда мы щелкаем по второму вводу без использования Jquery

Спасибо

Answer 1

Чтобы проверить, нажимает ли пользователь элемент <input>, добавьте к нему прослушиватель событий.
Затем получите значение первого текстового поля, используя свойство value.

Здесь Ваш код:

document.getElementById('two').addEventListener("click", function() {
  this.value = document.getElementById('one').value;
});

<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" />

Вот живая демонстрация: https://codepen.io/marchmello/pen/XWmezNV?editors=1010

Answer 2

базовый c способ сделать это:

<input type="text" id="one" name="one">
<input type="text" id="two" name="two" onfocus="this.value = document.getElementById('one').value">

Answer 3

вот пример, чтобы сделать это.

var one = document.getElementById("one");
var two = document.getElementById("two");
function myFunction(){
two.value = one.value;
}

<input type="text" id="one" name="one" />
<input type="text" id="two" name="two" onfocus="myFunction()" />