<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <form> Cím: <input type="text" id="title"> <br> Id: <input type="number" id="id"> <br> Befejezett: <input type="checkbox" id="completed" value="0"> <br> </form> <button id="bekuld">Beküld</button> <div id="todos"></div> <script> let url = "https://jsonplaceholder.typicode.com/todos"; document.getElementById("bekuld").addEventListener("click", function (){ let cim = document.getElementById("title").value; let identification = document.getElementById("id").value; let completed = document.getElementById("completed").checked; /* fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ id: identification, title: cim, completed: completed }), }) .then(response => response.json()) .then(data => { let divelement = document.createElement("div"); let cim = document.createElement("h2"); cim.innerHTML = data.title; let asd = document.createElement("p"); asd.innerHTML = `Az elem azonosítója: ${data.id} <br> Az elem befejezésének állapota: ${data.completed ? "befejezve" : "nem befejezett"}`; divelement.appendChild(cim); divelement.appendChild(asd); document.getElementById("todos").appendChild(divelement); }); */ asd(); }); async function asd() { try{ let response = await fetch(url); let data = await response.json(); console.log(data); } catch (error){ console.log(error) } } </script> </body> </html>