Как копировать значение одного поля в другое до определенного символа?

Question

[Gera11]

Есть скрипт:

const textarea1 = document.getElementById('personal-account__email')
		const textarea2 = document.getElementById('perslogin')
		textarea1.addEventListener('input', function (e) {
		textarea2.value = textarea1.value

Он берет значение с поля email и вставляет в perslogin
Как указать ему, чтобы он копировал вводимое только до символа @ а начиная с этого символа не копировалось

Answer 1

[Stalker_RED]

loginEl.value = emailEl.value.replace(/(@.*)/, '');

Answer 2

[twobomb]

textarea1.addEventListener('input', function (e) {
      var pos = textarea1.value.indexOf("@");
      if(pos == -1 )
        pos = textarea1.value.length;
        textarea2.value = textarea1.value.substring(0,pos)
    });

Answer 3

[v3shin]

textarea1.value.split('@')[0]