один текст в 2 input
 

Всем привет.
Пример

<div id="1">
<label>
Имя: <input type="name" id="name">
</label>
</div>
<div id="2">
<label>
Name: <input type="name" id="name">
</label>
</div>

Как сделать так, чтобы вводя что либо в 1 input во втором это так же появлялось?

Сделал inputам уникальные ID
и попробывал такой скрипт

<div id="1">
<input type="search" id="name1">
</div>
<div id="2">
<input type="search" id="name2">
</div>
<script>
    document.getElementById('name1').addEventListener('input', function(e){
        document.getElementById('name2').value = this.value;
    });
</script>

Ноль реакции

Хотя по тестам отлично работает, в чём причина не могу понять(

Вообщем сделал, чтобы данные в них попадали, но контент не обновляется( есть какой то аналог Enter, так как если потом в каждое окно перенести курсор и поставить Enter всё ищет.

Надо еще один листенер повесить - на keyup и проверять там e.keyCode==13

:blink:

<div id="1">
<input type="search" id="name1">
</div>
<div id="2">
<input type="search" id="name2">
</div>
<script>
    document.getElementById('name1').addEventListener('input', function(e){
        document.getElementById('name2').value = this.value;
    });
</script>

А можешь дополнить код? не очень понимаю как его впихнуть?

Я же написал в тестах работает, а на практике нет, так как на них уже висели обработчики событий нажатия.

А зачем такое "на практике"?

input не нажатие, а ввод. input игнорирует все что не может быть введено или выведено - стрелки например, и в том числе enter.