Tengo que realizar un formulario en el que ingresemos nuestro nombre y apellido y al darle a un botón nos muestre una alerta en el navegador diciéndonos hola + nuestro nombre + nuestro apellido el código es el siguiente. El problema que me da es que al darle al botón de saludar no me realiza ninguna acción no muestra alertas y aparentemente no hace nada:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ejercicio 1</title>
<script src="js/site.js"></script>
</head>
<body>
<form id="formulario">
<label id="lblNombre">Nombre:</label>
<input id="Nombre" type="text"/>
<br />
<label id="lblApellido">Apellido:</label>
<input id="Apellido" type="text"/>
<br />
<br />
<input type="button" name="btnSaludar" value="Saludo" id="btnSaludar" />
</form>
<br />
<br />
</body>
</html>
y a continuación el JavaScript:
window.onload = inicializarEventos;
class Persona{
constructor(nombre, apellido){
this.nombre = nombre;
this.apellido = apellido;
}
}
function inicializarEventos() {
var miBoton = document.getElementById("btnSaludar");
miBoton.addEventListener("click", saludar(), false)
}
function saludar() {
var nombre = document.getElementById("Nombre").value
var apellido = document.getElementById("Apellido").value
var persona = new Persona(nombre, apellido);
var saludo = "Hola: " + persona.nombre + " " + persona.apellido
alert(saludo)
}
Espero que me puedan ayudar es mi primera pregunta en esta plataforma muchas gracias.