Удалить символы при вводе в текстовое поле input

Есть текстовое поле input, пользователь должен ввести туда ссылку на свой сайт.

Как с помощь JS сделать, чтобы при вводе в это поле оставалось только название сайта, а всякие https, http, и www удалялись.

То есть человек ввёл https://site.ru и когда страка ввода перестаёт быть в фокусе, лишнее отрезалось и осталось только site.ru.


Ответы (2 шт):

Автор решения: Armen

это одно из возможных решений тебе надо изучить методы строк,регулярные выражения и слушатели событий ну и сами события

const input =  document.querySelector('.my')
input.addEventListener('blur',(e) => {
  input.value = input.value.replace(/.+\/\//g,'')
})
    <input class="my" type="text"/>

→ Ссылка
Автор решения: InDevX

document.querySelector('input').oninput = function (evt) {
  evt.target.value = evt.target.value.replace(/http:\/\/|https:\/\/|https:\/\/www\.|www\./gi, '');
}
<input type="text">

→ Ссылка