Problema:Confeccionar un formulario que solicite ingresar dos veces una clave. Mostrar un mensaje y no enviar los datos al servidor si las claves ingresadas son distintas.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prueba</title>
</head>
<body>
<form action="#" method="post" id="formulario">
<p>clave:<input type="password" name="clave1" id="clave1" size="20"></p>
<p>repita clave:<input type="password" name="clave2" id="clave2" size="20"></p>
<p><input type="submit" value="Entrar"></p>
</form>
<script src="funciones.js"></script>
</body>
</html>
document.getElementById('formulario').addEventListener('submit', (e) => {
let cla1 = document.getElementById('clave1')
let cla2 = document.getElementById('clave2')
if (cla1.value != cla2.value) {
alert('debe ingresar las dos claves iguales')
e.preventDefault()
return false
} else
return true
})