<html>
<head>
<title>JavaScript</title>
<style>
</style>
</head>
<body> Paste Text :
<br>
<textarea name="txtarea" rows="12" cols="50">heloo email world real@email.com asddsa jldkjjlkj jkljl sdajlkdasjdsa kljadsj dklja real1@email.com real.test@email.com helllo hkjdshsdkjh jkh real-time@email.com </textarea>
<br>
<button type="button">Get Emails</button>
<br> <span class="counter"> </span> Emails in text:
<br>
<textarea name="output" rows="12" cols="50"></textarea>
<script>
const rawTxt = document.querySelector("textarea[name=txtarea]");
const finTxt = document.querySelector("textarea[name=output]");
const btn = document.querySelector("button");
const counter = document.querySelector(".counter");
btn.addEventListener("click", function () {
let temp = rawTxt.value;
let exp = /([A-Za-z0-9._-]+@[a-zA-Z0-9._-]+\.[a-zA-Z0-9._-]+)/gi;
let emailData = temp.match(exp);
let holder = [];
for (let x = 0; x < emailData.length; x++) {
if (holder.indexOf(emailData[x]) == -1) {
holder.push(emailData[x]);
}
}
let tempHolder = holder.join(";");
counter.innerText = "Emails Found " + holder.length;
finTxt.innerText = tempHolder;
})
finTxt.addEventListener("click", function () {
this.select();
})
</script>
</body>
</html>