JSFiddle - React, Tailwind, and code Playground

by vasanth vasa

HTML

Title : <input type="text" name="title" id="title"><br>
Slug  : <input type="text" name="slug-title" id="slug-title">

JavaScript

var slug = function(str) {
    var slug1 = '';
    var trimmed = $.trim(str);
    slug1 = trimmed.replace(/[^a-z0-9-]/gi, '-').
    replace(/-+/g, '-').
    replace(/^-|-$/g, '');
    return slug1.toLowerCase();
}
        
$("#title").keyup(function(){        
    var Text = $(this).val();
    $('#slug-title').val(slug(Text));              
}); 

$("#slug-title").keyup(function(){        
    var Text = $(this).val();
    $('#slug-title').val(slug(Text));              
});