script.js

/* =========================
   VALIDACIÓN DEL FORMULARIO
  ========================= */
const form = document.getElementById('contact-form');
const nombreInput = document.getElementById('nombre');
const emailInput = document.getElementById('email');
const mensajeInput = document.getElementById('mensaje');
const feedback = document.getElementById('form-feedback');

function validarFormulario() {
    // Limpiar feedback anterior
    feedback.textContent = '';
    feedback.className = 'form-feedback';

    // Obtener valores (trim elimina espacios al inicio/final)
    const nombre = nombreInput.value.trim();
    const email = emailInput.value.trim();
    const mensaje = mensajeInput.value.trim();

    // Validar campos vacíos
    if (nombre === '') {
        mostrarError('Por favor ingresa tu nombre');
        nombreInput.focus();
        return false;
    }

    if (email === '') {
        mostrarError('Por favor ingresa tu email');
        emailInput.focus();
        return false;
    }

    // Validar formato de email
    if (!validarEmail(email)) {
        mostrarError('Por favor ingresa un email válido');
        emailInput.focus();
        return false;
    }

    if (mensaje === '') {
        mostrarError('Por favor escribe un mensaje');
        mensajeInput.focus();
        return false;
    }

    // Todo válido
    mostrarExito('¡Mensaje enviado correctamente! Gracias, ' + nombre);
    form.reset();
    return true;
}

function validarEmail(email) {
    // Verifica que tenga @ y un punto después del @
    const arroba = email.indexOf('@');
    const punto = email.lastIndexOf('.');
    return arroba > 0 && punto > arroba + 1 && punto < email.length - 1;
}

function mostrarError(mensaje) {
    feedback.textContent = mensaje;
    feedback.className = 'form-feedback error';
}

function mostrarExito(mensaje) {
    feedback.textContent = mensaje;
    feedback.className = 'form-feedback success';
}



form.addEventListener('submit', (evento) => {
    evento.preventDefault();
    validarFormulario();
});


const navToggle = document.querySelector('.nav-toggle');
const navLinks = document.querySelector('.nav-links');

function toggleMenu() {
    navLinks.classList.toggle('active');

    // Cambiar icono del botón
    if (navLinks.classList.contains('active')) {
        navToggle.textContent = '✕';
    } else {
        navToggle.textContent = '☰';
    }
}

navToggle.addEventListener('click', toggleMenu);

// Cerrar menú al hacer clic en un enlace
const navItems = document.querySelectorAll('.nav-links a');

//
navItems = [About, Skills, Projects, Contacto]

navItems.forEach(function (enlace) {
    enlace.addEventListener('click', function () {
        navLinks.classList.remove('active');
        navToggle.textContent = '☰';
    });
});