Синхронизация двух input по id

Question

Я хочу синхронизовать два input а по id как это реализовать на javascript не судите строго не знаю js) Заранее спасибо

<input type="text" id="1">
<input type="text" id="2">

нужно чтобы при вводе данных на input1 данные вписывались и на input 2

Answer 1

При событии ввода, копируете значение в элемент с нужным ID:

<input type="text" id="input1" oninput="input2.value = this.value">
<input type="text" id="input2" oninput="input1.value = this.value">

Answer 2

Вот написал функцию для 2-ух input.

Обратите внимание, код не будет работать в stack overflow , но будет у вас

function connectInp(input1,input2){////// Функция получает на вход селекторы
  const elemInp1 = document.querySelector(input1);
  const elemInp2 = document.querySelector(input2);/////// получаем элементы по этим селекторам
  if(window.localStorage.getItem('value')){
     elemInp1.value = window.localStorage.value
     elemInp2.value = window.localStorage.value
  }
     
  const changeData = function(){ ///// функция обмена данными между ними
    if(this === elemInp1){
      elemInp2.value = elemInp1.value
    }else{
      elemInp1.value = elemInp2.value
    }
    window.localStorage.setItem('value',this.value)
  }
  elemInp1.addEventListener('input',changeData);
  elemInp2.addEventListener('input',changeData);///// прикручиваем событие input к функции обмена данными
}

connectInp('#inp1','#inp2')/// вызываем функцию синхронизации

<input type="text" id="inp1">
<input type="text" id="inp2">

БЛОГ НА HUSL

Синхронизация двух input по id

Ответы (2 шт):