JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

Title: <input type="text" name="title" id="title"/>
<button id="run">Create permalink</button>

<p id="target"><strong>http://site.com/</strong><span></span></p>

JavaScript

(function($) {
    $.permalink = function(str) {
        var parts = str.split(' ');
        var $permalink = [],
            len = parts.length,
            i = 0;
        for (i; i < len; i++) {
            var part = parts[i];
            var $part = part.replace("'", '').
            replace('à', 'a').
            replace('è', 'e').
            replace('é', 'e').
            replace('ì', 'i').
            replace('ù', 'u').
            replace('ò', 'o').
            replace('"', '').
            replace(' ', '');
            $permalink.push($part);
        }

        var $title = $permalink.join('-');
        
        return $title.toLowerCase();
    };
})(jQuery);


$('#run').click(function() {
    var $str = $('#title').val();
    var link = $.permalink($str);
    $('span', '#target').text(link);
});