async function fetchTodo() {
  const response = await fetch(
    "https://jsonplaceholder.typicode.com/todos/1"
  );
  const todo = await response.json();

  console.log("title:", todo.title);
}

fetchTodo();

async function fetchTodoSafe(id) {
  const response = await fetch(
    `https://jsonplaceholder.typicode.com/todos/${id}`
  );

  if (!response.ok) {
    throw new Error(
      `โหลด todo #${id} ไม่สำเร็จ (status: ${response.status})`
    );
  }

  return response.json();
}

async function main() {
  try {
    const todo = await fetchTodoSafe(1);
    console.log(todo.title);
  } catch (error) {
    console.error(error.message);
  }
}

main();

async function fetchTodoAsJson() {
  const response = await fetch(
    "https://jsonplaceholder.typicode.com/todos/1"
  );

  const todo = await response.json();
  console.log(typeof todo); // object
}

async function fetchTodoAsText() {
  const response = await fetch(
    "https://jsonplaceholder.typicode.com/todos/1"
  );

  const raw = await response.text();
  console.log(typeof raw); // string
  console.log(raw.slice(0, 30));
}

async function fetchTodosByUser(userId) {
  const params = new URLSearchParams({
    userId: String(userId),
    _limit: "5",
  });

  const url =
    "https://jsonplaceholder.typicode.com/todos?" +
    params.toString();

  const response = await fetch(url);

  if (!response.ok) {
    throw new Error("โหลด todos ไม่สำเร็จ");
  }

  const todos = await response.json();
  console.log("จำนวนรายการ:", todos.length);
}

fetchTodosByUser(1);