fetch('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => {
    // console.log(response); // Response objesini inceleyebilirsiniz
    if (!response.ok) {
      // HTTP hatası durumunda (örneğin 404, 500)
      throw new Error(`HTTP hatası! Durum: ${response.status}`);
    }
    return response.json(); // Yanıtı JSON olarak ayrıştırma
  })
  .then(data => {
    console.log('Alınan veri:', data);
    // Veriyi DOM'a yerleştirme veya başka işlemler yapma
  })
  .catch(error => {
    console.error('İstek sırasında bir hata oluştu:', error);
    // Hata mesajını kullanıcıya gösterme
  });

async function getPostData(postId) {
  try {
    const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${postId}`);

    if (!response.ok) {
      throw new Error(`HTTP hatası! Durum: ${response.status}`);
    }

    const data = await response.json();
    console.log(`Post ID ${postId} için veri:`, data);
    return data;
  } catch (error) {
    console.error('Veri çekilirken bir hata oluştu:', error);
    // Kullanıcıya hata mesajı gösterebilirsiniz
    return null;
  }
}

getPostData(2);
getPostData(999); // Hata durumunu test etmek için

fetch('https://jsonplaceholder.typicode.com/non-existent-url') // Bilerek yanlış bir URL
  .then(response => {
    if (!response.ok) {
      // Bu blok 404 gibi durum kodları için çalışır
      throw new Error(`Kaynak bulunamadı: ${response.status}`);
    }
    return response.json();
  })
  .catch(error => {
    // Bu blok ağ hataları ve yukarıdaki 'throw' ile fırlatılan hatalar için çalışır
    console.error('Veri çekme işleminde beklenmeyen bir sorun oluştu:', error.message);
  });

async function createPost() {
  const newPost = {
    title: 'Yeni Başlık Örneği',
    body: 'Bu, Fetch API ile gönderilen yeni bir gönderi içeriğidir.',
    userId: 1
  };

  try {
    const response = await fetch('https://jsonplaceholder.typicode.com/posts', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json; charset=UTF-8',
      },
      body: JSON.stringify(newPost), // JS objesini JSON stringine dönüştürme
    });

    if (!response.ok) {
      throw new Error(`POST isteği başarısız oldu! Durum: ${response.status}`);
    }

    const data = await response.json();
    console.log('Yeni gönderi oluşturuldu:', data);
    return data;
  } catch (error) {
    console.error('POST isteği sırasında bir hata oluştu:', error);
    return null;
  }
}

createPost();

async function updatePost(postId) {
  const updatedPost = {
    id: postId,
    title: 'Güncellenmiş Başlık',
    body: 'Bu gönderi içeriği PUT metodu ile güncellendi.',
    userId: 1
  };

  try {
    const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${postId}`, {
      method: 'PUT',
      headers: {
        'Content-Type': 'application/json; charset=UTF-8',
      },
      body: JSON.stringify(updatedPost),
    });

    if (!response.ok) {
      throw new Error(`PUT isteği başarısız oldu! Durum: ${response.status}`);
    }

    const data = await response.json();
    console.log(`Gönderi ${postId} güncellendi:`, data);
    return data;
  } catch (error) {
    console.error('PUT isteği sırasında bir hata oluştu:', error);
    return null;
  }
}

updatePost(1);

async function deletePost(postId) {
  try {
    const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${postId}`, {
      method: 'DELETE',
    });

    if (!response.ok) {
      throw new Error(`DELETE isteği başarısız oldu! Durum: ${response.status}`);
    }

    // DELETE isteği genellikle boş bir yanıt veya bir durum objesi döndürür.
    // Bazı API'lar boş yanıt döndürdüğü için response.json() hata verebilir.
    // Yanıtın boyutunu veya Content-Type'ını kontrol etmek iyi bir pratik olabilir.
    if (response.status === 200 || response.status === 204) {
        console.log(`Gönderi ${postId} başarıyla silindi.`);
    } else {
        const data = await response.json(); // Bazı API'lar yine de bir yanıt dönebilir
        console.log(`Gönderi ${postId} silindi, yanıt:`, data);
    }
    return true;
  } catch (error) {
    console.error('DELETE isteği sırasında bir hata oluştu:', error);
    return false;
  }
}

deletePost(1);

const controller = new AbortController();
const signal = controller.signal;

async function fetchDataWithCancellation() {
  try {
    const response = await fetch('https://jsonplaceholder.typicode.com/todos/1', {
      signal: signal // Signal'ı isteğe ekleme
    });

    if (!response.ok) {
      throw new Error(`HTTP hatası! Durum: ${response.status}`);
    }

    const data = await response.json();
    console.log('Veri alındı (iptal edilmedi):', data);
  } catch (error) {
    if (error.name === 'AbortError') {
      console.log('İstek başarıyla iptal edildi.');
    } else {
      console.error('Beklenmeyen hata:', error);
    }
  }
}

fetchDataWithCancellation();

// 100 milisaniye sonra isteği iptal et
setTimeout(() => {
  controller.abort();
  console.log('İptal sinyali gönderildi.');
}, 50);