<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Feladat2</title>
</head>
<body>
    <div id="todos"></div>
    <script>
        let url = "https://jsonplaceholder.typicode.com/todos";
        fetch(url)
        .then(response => response.json())
        .then(data => {
            let elsoot = data.slice(0, 5);

            elsoot.forEach(element => {
                let divelement = document.createElement("div");
                let cim = document.createElement("h2");
                cim.innerHTML = element.title;

                let asd = document.createElement("p");
                asd.innerHTML = `Az elem azonosítója: ${element.id} <br>
                Az elem befejezésének állapota: ${element.completed ? "befejezve" : "nem befejezett"}`;

                divelement.appendChild(cim);
                divelement.appendChild(asd);

                document.getElementById("todos").appendChild(divelement);    
            });

            
        });
    </script>
</body>
</html>