EJERCICIO 4 Introduciendo tu nombre y tu apellido crea un pequeño programa el cual en el body te salude la página web en h1, te cuente el número de letras que tiene la frase de bienvenida, y además te muestre tu correo electrónico en un alert, este será tu primera letra del nombre, un punto, el apellido completo y terminado en @atlantidaformacionprofesional.es.  Ej:  Entradas  NombreGerman  MartinezMartinez  Salida  Hola German Martínez, bienvenido a mi página web.  49  g.martinez@atlantidaformacionprofesional.es

**Ejercicio 4: Saludo y datos personales**

**Nombre:** Juan
**Apellido:** Pérez

**Código JavaScript:**
```javascript
// Obtener el nombre y apellido
const nombre = "Juan";
const apellido = "Pérez";

// Saludo en el body
document.body.innerHTML = `
  <h1>Hola ${nombre} ${apellido}, bienvenido a mi página web.</h1>
  <p>La frase de bienvenida tiene ${nombre.length + apellido.length} letras.</p>
  <button onclick="mostrarCorreo()">Mostrar correo electrónico</button>
`;

// Función para mostrar correo electrónico
function mostrarCorreo() {
  const correo = `${nombre[0]}.${apellido}@atlantidaformacionprofesional.es`;
  alert(correo);
}
```
**Explicación:**

1. Primero, obtenemos el nombre y apellido del usuario.
2. Luego, creamos un saludo en el body de la página web utilizando plantillas de texto (template literals).
3. Calculamos el número de letras en la frase de bienvenida sumando la longitud del nombre y el apellido.
4. Creamos un botón que, al ser pulsado, llama a la función `mostrarCorreo()`.
5. En la función `mostrarCorreo()`, creamos el correo electrónico concatenando la primera letra del nombre, un punto, el apellido completo y el dominio.

**Ejemplo de salida:**

* Entradas
* NombreJuan
* PérezPérez
* Salida
* Hola Juan Pérez, bienvenido a mi página web.
* 49
* g.pérez@atlantidaformacionprofesional.es