clase-10-ejercicios-de-repaso/ejercicio5/ejercicio5.js

// Agregar aquí el código javascript

const countries = [
    'Argentina',
    'Brasil',
    'Chile',
    'Colombia',
    'Ecuador',
    'Perú',
    'Uruguay',
    'Venezuela',
    'Paraguay',
    'Bolivia',
    'Panamá',
    'Costa Rica',
    'Cuba',
    'República Dominicana',
    'Guatemala',
    'Honduras',
    'El Salvador',
    'Nicaragua',
    'Puerto Rico',
    'México',
    'Estados Unidos',
    'Canadá',
    'Guayana',
    'Surinam',
    'Guyana Francesa',
];

document.getElementById('search').addEventListener('input', () => {
    const query = document.getElementById('search').value.toLowerCase();
    const resultsList = document.getElementById('resultsList');
    resultsList.innerHTML = '';

    const filteredCountries = countries.filter(country =>
        country.toLowerCase().includes(query)
    );

    filteredCountries.forEach(country => {
        const li = document.createElement('li');
        li.textContent = country;
        resultsList.appendChild(li);
    });
});