JSFiddle - React, Tailwind, and code Playground

HTML

<article>
    <div class="title"><input type="text"></div>
    <div class="url"><input type="text"></div>
</article>

CSS

input{
  width:100%;
}

JavaScript

$(document).ready(function () {
    var hostname=$(location).attr('hostname');
    $('.title input').keyup(function () {
        var pathname=$(this).val();
        var url=$.trim(hostname+'/'+pathname);
        url=url.replace(" ", "-");
        $('.url input').val(url);
    });
});