Modification simultanée de plusieurs entrées de texte HTML

Question

J'ai 2 entrées HTML (éléments de formulaire), toutes deux de type texte. Quand j'écris dans le premier, je veux que le même texte que j'écris apparaisse dans la seconde entrée de texte pendant que j'écris. Est-ce possible? Comment? C'est étonnamment difficile à trouver sur le web.

Answer 1

document.getElementById('first').onkeyup = function(e) { 
 
    document.getElementById('second').value = e.target.value; 
 
}

<input type="text" id="first" placeholder="Type in this"> 
 
<input type="text" id="second">

Answer 2

<input type="text" id="inputFirst" onchange="mutipleText()"> 
<input type="text" id="inputSecond" > 

function mutipleText(){ 
    var firstInput = $('#inputFirst').val(); 
    $('#inputSecond').val(firstInput) 
    }