JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<b>Value 1 </b>: <input id="txtFirst" type="textbox" />
<br/><br/>
<b>Value 2 </b>: <input id="txtSecond" type="textbox" />

CSS

body
{
padding: 10px;
font-family : Arial;
font-size : 10pt;
}

input
{
color : Maroon;
font-size : 10pt;
font-weight: bold;
background-color: LightYellow;
}

JavaScript

$(document).ready(function() {
    $('#txtFirst').keyup(function(e) {
        var txtVal = $(this).val();
        $('#txtSecond').val(txtVal);
    });
    
    $('#txtSecond').keyup(function(e) {
        var txtVal = $(this).val();
        $('#txtFirst').val(txtVal);
    });
});