Bom Dia, Estou criando um form em html e javascript para validação, minha ideia é criar um alerta de sucesso ou falha com html e css(bonitinho e etc), mas não sei como posso "chamar" dar um require nesse alerta que eu criei, alguém pode me ajudar? Obrigado!
<!DOCTYPE html>
<html>
<body>
<form id="form1" action="">
Nome: <input type="text" name="name" value="Nome"><br>
Sobrenome: <input type="text" name="sname" value="Sobrenome"><br><br>
</form>
<button onclick="takeValue()">mostra valor</button>
<p id="teste"></p>
<script>
function takeValue() {
var x = document.getElementById("form1");
var texto = "";
var i;
for (i = 0; i < x.length ;i++) {
texto += x.elements[i].value + "<br>";
}
document.getElementById("teste").innerHTML = texto;
if(texto == "Nome<br>Sobrenome<br>"){
alert("quero exibir alerta de SUCESSO feito com html e css");
}
else{
alert("quero exibir alerta de ERRO feito com html e csss");
}
}
</script>