JSFiddle - React, Tailwind, and code Playground

by gschutz

HTML

<div id="inp">
    <span>\</span> <input id="reg" placeholder="regex"> <span>\</span> <input id="gl" placeholder="regex">
    <br>    
    <input id="str" placeholder="string to replace">
</div>
    
<div id="res"></div>

CSS

body {
    font-size: 16px;
}
input {
    padding: 5px 8px;
    width: 95%;
    margin: 10px 0;
}
#inp span {
    font-weight: bolder;
    font-size: 22px;
    width: 3%;
    display:inline-block;
    text-align: center;
}
#reg {
    width: 74%;
}
#gl {
    width: 10%;
}
#res {
    border-bottom: 1px solid #ddd;
    min-height: 50px;
}

JavaScript

$('#reg').change(function(){
    
});