I have been working on a project that involves fetching book details from the Google Books API and using generative AI to create descriptions for them. I have successfully created an Excel file, but I am facing an issue with saving data inside it. It's really frustrating. Can anyone provide some guidance or help with this problem?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Book Details</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d9b3beaddbaaabaaaab5b5a2aba1aeecbfacebbcb7a6bbb5aca19bfbf4b7a6b9bdbdb4aba8a655e"> </a>&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<style>
* {
font-family: "Roboto", sans-serif;
background-color: #FAF0E6;
}
.bookheading {
text-align: center;
font-size: 45px;
}
.formISBN {
font-size: 20px;
display: flex;
gap: 18px;
align-items: center;
justify-content: center;
margin-top: 20px;
}
.formISBN input {
outline: none;
font-size: 18px;
border: 2px solid green;
padding: 5px 6px;
}
.button-33 {
background-color: #c2fbd7;
border-radius: 100px;
box-shadow: rgba(44, 187, 99, .2) 0 -25px 18px -14px inset, rgba(44, 187, 99, .15) 0 1px 2px, rgba(44, 187, 99, .15) 0 2px 4px, rgba(44, 187, 99, .15) 0 4px 8px, rgba(44, 187, 99, .15) 0 8px 16px, rgba(44, 187, 99, .15) 0 16px 32px;
color: green;
cursor: pointer;
display: inline-block;
font-family: CerebriSans-Regular, -apple-system, system-ui, Roboto, sans-serif;
padding: 7px 20px;
text-align: center;
text-decoration: none;
transition: all 250ms;
border: 0;
font-size: 16px;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}
.button-33:hover {
box-shadow: rgba(44, 187, 99, .35) 0 -25px 18px -14px inset, rgba(44, 187, 99, .25) 0 1px 2px, rgba(44, 187, 99, .25) 0 2px 4px, rgba(44, 187, 99, .25) 0 4px 8px, rgba(44, 187, 99, .25) 0 8px 16px, rgba(44, 187, 99, .25) 0 16px 32px;
transform: scale(1.05) rotate(-1deg);
}
.cols {
padding: 0 25px;
display: flex;
justify-content: space-evenly;
margin-top: 20px;
}
.col {
border: 1px solid green;
padding: 10px;
max-width: 300px;
}
.col img {
width: 50%;
}
.title, .author {
font-weight: 700;
}
</style>
</head>
... (The code continues)