JSFiddle - React, Tailwind, and code Playground

by yejin_yang

HTML

<input id="input" />
<div id='result'>

</div>

JavaScript

const input = document.querySelector('#input');
const result = document.querySelector('#result');

const EMAIL_FOR_NEXT_BUTTON = /[^\s]+@[^\s]+/g;

input.addEventListener('input', ({target:{value}}) => {
	const isValid = EMAIL_FOR_NEXT_BUTTON.test(value);
  const match = value.match(EMAIL_FOR_NEXT_BUTTON);
  result.innerHTML = 
  `
  	isValid ; ${isValid}
		value: ${value}
    match: ${match? match[0]: "null"}
`
})