Fix : fetch process

Author: MDJAmin

js/script.js

@@ -16,28 +16,46 @@ fistForm.addEventListener("submit", (e) => e.preventDefault());
 secondForm.addEventListener("submit", (e) => handleLogin(e));
 
 async function handleLogin(e) {
-  e.preventDefault();
-
-  const email = secondForm.querySelector("input[type='text']").value;
-  const password = secondForm.querySelector("input[type='password']").value;
-
-  try {
-    const response = await fetch("https://fakestoreapi.com/auth/login", {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({ email, password }),
-    });
-    if (!response.ok) {
-      throw new Error("Login failed! Please check your credentials.");
-    }
-    const data = await response.json();
-    localStorage.setItem("token", data.token);
-    alert("Login successful!");
-
-  } catch (error) {
-    console.error(error);
-    alert(error.message);
-  }
-}
+	e.preventDefault();
+  
+	const emailInput = e.target.querySelector("input[type='text']");
+	const passwordInput = e.target.querySelector("input[type='password']");
+  
+	if (!emailInput || !passwordInput) {
+	  console.error("Input fields not found");
+	  return;
+	}
+  
+	const email = emailInput.value;
+	const password = passwordInput.value;
+  
+	if (!email || !password) {
+	  alert("Please enter both username and password.");
+	  return;
+	}
+  
+	try {
+	  const response = await fetch('https://fakestoreapi.com/auth/login', {
+		method: 'POST',
+		headers: {
+		  'Content-Type': 'application/json',
+		},
+		body: JSON.stringify({
+		  username: email,
+		  password: password
+		}),
+	  });
+  
+	  if (!response.ok) {
+		throw new Error("Login failed! Please check your credentials.");
+	  }
+  
+	  const data = await response.json();
+	  localStorage.setItem("token", data.token);
+	  alert("Login successful!");
+  
+	} catch (error) {
+	  console.error(error);
+	  alert(error.message);
+	}
+  }