Вот я вроде сделал но оно не работает
<style>
* {
margin: 0px;
padding: 0px;
}
body {
background-color: rgb(170, 170, 170);
display: flex;
justify-content: center;
}
input{
width: 400px;
height: 30px;
border-radius: 5px;
padding-left: 20px;
margin: 10px;
}
button{
width: 420px;
height: 35px;
color: white;
background-color: blue;
border-radius: 5px;
}
</style>
</head>
<body>
<input type="email" placeholder="Email addres" id='email'>
<button id="button">Sign up</button>
const re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
let button = document.getElementById("button");
let email = document.getElementById("email");
document.getElementById("button").onclick = () => {
console.log(re.test(email));
};
