slug

slug.js

        const slugInput = document.querySelector('form input[name="slug"]');
        const slugText = slugInput.value;
        var slugInputIsEdit = false;

        slugInput.onchange = (e) => {
            slugInputIsEdit = true;
        }

        document.querySelector('form input[name="name"]').onkeyup = (e) => {

            if (slugInputIsEdit) {
                slugInput.value = e.target.value.toLowerCase()
                    .replace(/ /g, '-')
                    .replace(/[^\w-]+/g, '');
            } else {
                let prepareslug = (slugText + ' ' + e.target.value).toLowerCase()
                    .replace(/ /g, '-')
                    .replace(/[^\w-]+/g, '');
                slugInput.value = prepareslug;
            }
        }