script.js

(function () {
  const example = document.getElementById('example')
  const cw1 = document.getElementById('cw1')
  const cw2 = document.getElementById('cw2')
  const cw3 = document.getElementById('cw3')
  const answer = document.getElementById('answer')

  example.addEventListener("click", function () {
    fetch('https://jsonplaceholder.typicode.com/posts')
      .then(response => response.json())
      .then(array => {
        console.log(array)
        answer.innerHTML = JSON.stringify(array);
      })
  })

  cw1.addEventListener("click", function () {
    fetch('https://jsonplaceholder.typicode.com/posts')
      .then(response => response.json())
      .then(posts => {
        console.log(posts)
        let html = '<h2>Lista postów</h2>';
        posts.forEach(post => {
          html += `
            <div>
              <h3>Post #${post.id}: ${post.title}</h3>
              <p><strong>User ID:</strong> ${post.userId}</p>
              <p>${post.body}</p>
            </div>
          `;
        });
        answer.innerHTML = html;
      })
      .catch(error => {
        console.error('Błąd:', error);
        answer.innerHTML = '<p style="color: red;">Wystąpił błąd podczas pobierania postów.</p>';
      })
  })

  cw2.addEventListener("click", function () {
    //TODO
  })

  cw3.addEventListener("click", function () {
    //TODO
  })

})();