script.js

// Sélection des éléments
const btn = document.getElementById("loadBtn");
const list = document.getElementById("postList");
const msg = document.getElementById("message");
const search = document.getElementById("searchInput");

let posts = [];

// Afficher les posts
function showPosts(data) {
    list.innerHTML = "";

    if (data.length === 0) {
        list.innerHTML = "<li>Aucun résultat</li>";
        return;
    }

    data.forEach(post => {
        const li = document.createElement("li");
        li.textContent = post.title;
        list.appendChild(li);
    });
}

// Charger les posts
btn.addEventListener("click", () => {
    msg.textContent = "Chargement...";

    fetch("https://jsonplaceholder.typicode.com/posts?_limit=5")
        .then(response => response.json())
        .then(data => {
            posts = data;
            showPosts(posts);
            msg.textContent = "Posts chargés !";
        })
        .catch(() => {
            msg.textContent = "Erreur de chargement";
        });
});

// Recherche
search.addEventListener("input", () => {
    const text = search.value.toLowerCase();
    const result = posts.filter(p =>
        p.title.toLowerCase().includes(text)
    );
    showPosts(result);
});