Как добавить @ вначале input при вводе текста?

Question

[Alexander]

Как добавить @ вначале input при вводе текста?

Answer 1

[BornTo FreeFall]

Проверяйте. Принцип работы прост... Существует поле (input) с идентификатором "input-id". В нашем JS коде мы инициализируем переменную, хранящую в себе полученный объект, на который мы вешаем listener с аргументом input. Это означает, что при любом вводе в наше поле он будет отрабатывать. Далее, мы проверяем... Действительно ли нулевой элемент из input'а не равен "@". И если это так, то мы его дописываем в самое начало.

<input id="input-id" />

let selectedInput = document.querySelector("#input-id");
selectedInput.addEventListener("input", function() {
    if (this.value[0] != '@') {
        this.value = '@' + this.value;
    }
});

Честно говоря, не особо силен в JS коде, но такая вариация для начального понимания сойдет.