Regular expressions provide a powerful way to create patterns that can be matched from string content in JavaScript code. To find all matches of a typical email there are several ways to create the pattern. Start by setting up a grouping of the patterns, using the () adding the global flag to match all the results. This can still be used to find a word or pattern within your string.
const txtArea = document.querySelector(‘textarea’);
const btn = document.querySelector(‘button’);
const res = document.querySelector(‘.results’);
const str1 = ‘Hello World. rr=@ 123456 svekis.1@example.com I love JavaScript! svekis_2@example.com svekis-2@example.com’;
txtArea.value = str1;
const regEx = /([A-Za-z0-9.-]+@[A-Za-z0-9.-]+.[A-Za-z0-9._-]+)/g;
btn.addEventListener(‘click’,()=>{
const str = txtArea.value;
const contents = str.match(regEx);
console.log(contents);
if(contents == null){
res.innerHTML = ‘No match was found!’;
}
else{
res.innerHTML = ”;
const holder = [];
contents.forEach(email =>{
if(!holder.includes(email)){
holder.push(email);
const el = document.createElement(‘div’);
el.textContent = email;
res.append(el);
}
})
}
})