diff --git a/add_book.css b/add_book.css new file mode 100644 index 0000000..9b7131c --- /dev/null +++ b/add_book.css @@ -0,0 +1,95 @@ +/* General Styles */ +body { + font-family: 'Cambria', serif; + background-color: #f4f4f4; /* Light grey background */ + color: #333; /* Dark text color */ + margin: 0; + padding: 0; +} + +header { + background-color: #2C3E50; /* Dark blue */ + color: white; + text-align: center; + padding: 20px 0; + margin-bottom: 40px; +} + +header h1 { + font-size: 2.5rem; + margin: 0; +} + +main { + padding: 40px 10px; + text-align: center; +} + +main h1 { + color: #2C3E50; /* Dark blue */ + font-size: 2.2rem; + margin-bottom: 20px; +} + +form { + background-color: #fff; + padding: 30px; + border-radius: 8px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + width: 50%; + margin: 0 auto; + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: center; /* Center the form elements */ +} + +.form-group { + width: 100%; /* Ensure form-group takes full width */ + margin-bottom: 15px; + display: flex; + flex-direction: column; + align-items: flex-start; +} + +form label { + font-size: 1rem; + margin-bottom: 5px; + width: 100%; /* Ensure label takes full width */ +} + +form input { + width: 100%; + padding: 12px; + font-size: 1rem; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +form button { + background-color: #2C3E50; /* Dark blue */ + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + font-size: 1.2rem; + cursor: pointer; + transition: background-color 0.3s ease; + align-self: flex-start; /* Align button to the start */ +} + +form button:hover { + background-color: #1A252F; /* Darker blue on hover */ +} + +footer { + background-color: #2C3E50; /* Dark blue */ + color: white; + text-align: center; + padding: 10px; + position: absolute; + bottom: 0; + width: 100%; +} \ No newline at end of file diff --git a/add_book.html b/add_book.html new file mode 100644 index 0000000..7428fa2 --- /dev/null +++ b/add_book.html @@ -0,0 +1,44 @@ + + + + + + Add Book + + + + + + +
+

Add a New Book

+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ + + + \ No newline at end of file diff --git a/add_book.php b/add_book.php new file mode 100644 index 0000000..96226ca --- /dev/null +++ b/add_book.php @@ -0,0 +1,101 @@ +query($query); + $books = []; + + while ($row = $result->fetch_assoc()) { + $books[] = $row; + } + + // Save the books array to books.json + file_put_contents('books.json', json_encode($books, JSON_PRETTY_PRINT)); +} + +// Handle form submission +if ($_SERVER["REQUEST_METHOD"] === "POST") { + // Retrieve form data + $title = $_POST['title'] ?? ''; + $author = $_POST['author'] ?? ''; + $publication_year = $_POST['publication_year'] ?? 0; + $genre = $_POST['genre'] ?? ''; + + // Validate form data + if (empty($title) || empty($author) || empty($publication_year) || empty($genre)) { + echo ""; + exit; + } + + // Insert data into the database + $stmt = $conn->prepare("INSERT INTO books (title, author, publication_year, genre) VALUES (?, ?, ?, ?)"); + if (!$stmt) { + die("Prepare failed: " . $conn->error); + } + + $stmt->bind_param("ssis", $title, $author, $publication_year, $genre); + + if ($stmt->execute()) { + updateJsonFile($conn); // Update the JSON file after adding the book + echo ""; + exit; + } else { + die("Error adding book: " . $stmt->error); + } +} +?> + + + + + + + Add Book + + + + + + +
+

Add a New Book

+
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
+ + + + \ No newline at end of file diff --git a/books.json b/books.json new file mode 100644 index 0000000..0b261a3 --- /dev/null +++ b/books.json @@ -0,0 +1,30 @@ +[ + { + "id": "4", + "title": "2nd", + "author": "Habilis", + "publication_year": "2002", + "genre": "Evolution" + }, + { + "id": "6", + "title": "feature", + "author": "second", + "publication_year": "2002", + "genre": "tested" + }, + { + "id": "8", + "title": "sample", + "author": "2nd", + "publication_year": "2002", + "genre": "tested" + }, + { + "id": "13", + "title": "BioInformatics: From Genomes to Drugs", + "author": " Ralf Hofest\u00e4dt", + "publication_year": "2002", + "genre": "Life" + } +] \ No newline at end of file diff --git a/books.xml b/books.xml new file mode 100644 index 0000000..92127d8 --- /dev/null +++ b/books.xml @@ -0,0 +1,2 @@ + +42ndHabilis2002Evolution6featuresecond2002tested8sample2nd2002tested13BioInformatics: From Genomes to Drugs Ralf Hofestädt2002LifeEvolution1tested2Life1 \ No newline at end of file diff --git a/common.css b/common.css new file mode 100644 index 0000000..515f84f --- /dev/null +++ b/common.css @@ -0,0 +1,48 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f9; +} + +header { + background-color: #333; + color: rgb(218, 0, 0); + padding: 1em; + text-align: center; +} + +form { + width: 50%; + margin: 2em auto; + padding: 2em; + background: white; + border: 1px solid #ccc; + border-radius: 8px; +} + +form label { + display: block; + margin: 0.5em 0 0.2em; +} + +form input { + width: 100%; + padding: 0.5em; + margin-bottom: 1em; + border: 1px solid #ccc; + border-radius: 4px; +} + +form button { + background-color: #333; + color: white; + padding: 0.7em 1.5em; + border: none; + border-radius: 4px; + cursor: pointer; +} + +form button:hover { + background-color: #555; +} \ No newline at end of file diff --git a/dashboard.css b/dashboard.css new file mode 100644 index 0000000..88ab59b --- /dev/null +++ b/dashboard.css @@ -0,0 +1,62 @@ +/* General Styles */ +body { + font-family: 'Cambria', serif; + background-color: #f4f4f4; /* Light grey background */ + color: #333333; /* Dark text color */ + margin: 0; + padding: 0; +} + +header { + background-color: #2C3E50; /* Dark blue */ + color: #ffffff; /* White text */ + text-align: center; + padding: 20px 0; + margin-bottom: 40px; +} + +header h1 { + font-size: 2.5rem; + margin: 0; +} + +main { + text-align: center; + padding: 30px 10px; +} + +main h2 { + color: #2C3E50; /* Dark blue */ + font-size: 2rem; + margin-bottom: 30px; +} + +.actions { + display: flex; + justify-content: center; + gap: 20px; +} + +.actions a { + background-color: #3498db; /* Blue button */ + color: #ffffff; /* White text */ + padding: 12px 20px; + text-decoration: none; + border-radius: 4px; + font-size: 1.1rem; + transition: background-color 0.3s; +} + +.actions a:hover { + background-color: #2980b9; /* Darker blue on hover */ +} + +footer { + background-color: #2C3E50; /* Dark blue */ + color: #ffffff; /* White text */ + text-align: center; + padding: 10px; + position: absolute; + bottom: 0; + width: 100%; +} \ No newline at end of file diff --git a/dashboard.html b/dashboard.html new file mode 100644 index 0000000..f704f4e --- /dev/null +++ b/dashboard.html @@ -0,0 +1,23 @@ + + + + + + + Dashboard + + + + +
+

Welcome to the Dashboard

+
+ Add Book + Search Books +
+
+ + + \ No newline at end of file diff --git a/dashboard.php b/dashboard.php new file mode 100644 index 0000000..4589b42 --- /dev/null +++ b/dashboard.php @@ -0,0 +1,23 @@ + + + + + + + Dashboard + + + + +
+

Welcome to the Dashboard

+
+ Add Book + Search Books +
+
+ + + \ No newline at end of file diff --git a/db_config.php b/db_config.php new file mode 100644 index 0000000..1f2191e --- /dev/null +++ b/db_config.php @@ -0,0 +1,16 @@ +connect_error) { + die("Connection failed: " . $conn->connect_error); +} +?> \ No newline at end of file diff --git a/export_books.php b/export_books.php new file mode 100644 index 0000000..1f6cbe4 --- /dev/null +++ b/export_books.php @@ -0,0 +1,15 @@ +&1"); // Ensure paths with spaces are handled properly + +// Check if the script executed successfully and output the results +if ($output) { + echo "Books and genre counts exported to books.xml successfully!"; +} else { + echo "Failed to export books to XML. Please check the server logs for more details."; +} +?> \ No newline at end of file diff --git a/export_books.py b/export_books.py new file mode 100644 index 0000000..e537d57 --- /dev/null +++ b/export_books.py @@ -0,0 +1,40 @@ +import json +import xml.etree.ElementTree as ET +import os +from collections import Counter + +# Ensure the books.json file exists and is populated +if os.path.exists('books.json'): + with open('books.json', 'r') as file: + books = json.load(file) + + # Create XML root element + root = ET.Element('Library') + + # Add book entries to XML + for book in books: + book_element = ET.SubElement(root, 'Book') + for key, value in book.items(): + child = ET.SubElement(book_element, key) + child.text = str(value) + + # Calculate genre counts + genres = [book['genre'] for book in books] + genre_counts = Counter(genres) + + # Add GenreCounts section to XML + genre_counts_element = ET.SubElement(root, 'GenreCounts') + for genre, count in genre_counts.items(): + genre_element = ET.SubElement(genre_counts_element, 'Genre') + name_element = ET.SubElement(genre_element, 'Name') + name_element.text = genre + count_element = ET.SubElement(genre_element, 'Count') + count_element.text = str(count) + + # Write the XML data to a file + tree = ET.ElementTree(root) + tree.write('books.xml', encoding='utf-8', xml_declaration=True) + print("Books and genre counts exported to books.xml") + +else: + print("Error: books.json not found.") diff --git a/index.css b/index.css new file mode 100644 index 0000000..a2d699a --- /dev/null +++ b/index.css @@ -0,0 +1,132 @@ +/* General Styles */ +body { + font-family: 'Cambria', serif; + margin: 0; + padding: 0; + background-color: #f4f4f4; + color: #333; +} + +a { + text-decoration: none; + color: inherit; +} + +h1, h2 { + margin: 0; + font-weight: normal; +} + +/* Header Styles */ +header { + background-color: #0044cc; + color: white; + padding: 20px; + text-align: center; +} + +header h1 a { + font-size: 2.5rem; + color: #fff; +} + +/* Navigation Styles */ +nav { + margin-top: 20px; + background-color: #003366; + padding: 10px; +} + +.nav-menu { + list-style: none; + padding: 0; + display: flex; + justify-content: center; +} + +.nav-menu li { + margin: 0 20px; +} + +.nav-menu a { + color: white; + font-size: 1.1rem; +} + +.nav-menu a:hover { + color: #ffcc00; +} + +/* Main Content Styles */ +main { + padding: 40px 20px; + text-align: center; +} + +section { + background-color: white; + padding: 30px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 8px; + margin: 0 auto; + max-width: 800px; +} + +h2 { + color: #0044cc; + font-size: 2rem; + margin-bottom: 20px; +} + +p { + font-size: 1.2rem; + color: #1b1b1b; +} + +.actions { + margin-top: 20px; +} + +.btn { + background-color: #0044cc; + color: white; + padding: 10px 20px; + border-radius: 5px; + font-size: 1rem; + margin: 10px; +} + +.btn:hover { + background-color: #003366; +} + +/* Logged-in User Styles */ +.logged-in p { + font-size: 1.2rem; + color: #0044cc; +} + +.actions .btn { + background-color: #00cc44; +} + +.actions .btn:hover { + background-color: #008c29; +} + +/* Footer Styles */ +footer { + background-color: #003366; /* Dark blue background */ + color: #f8f9fa; /* Light gray text for better contrast */ + text-align: center; + padding: 10px; + position: absolute; + bottom: 0; + width: 100%; + font-size: 0.9rem; /* Slightly smaller font for subtlety */ +} + +footer p { + margin: 0; + color: #ffffff; /* White text for maximum contrast */ +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..e234fbe --- /dev/null +++ b/index.html @@ -0,0 +1,48 @@ + + + + + + + Library Management System + + + + +
+

Welcome to the Library Management System

+ +
+
+
+

Manage Your Books Efficiently

+ +

Welcome, ! Manage books, search the library, and more.

+ +

Register or Log In to manage books, search the library, and more!

+
+ Register + Log In +
+ +
+
+ + + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..144e09e --- /dev/null +++ b/index.php @@ -0,0 +1,44 @@ + + + + + + + + Library Management System + + + + + + +
+
+

Manage Your Books Efficiently

+

+ + Welcome back, ! Use the menu above to navigate. + + Register or Log In to manage books, search the library, and more! + +

+ +
+ Register + Log In +
+ +
+
+ + + diff --git a/login.css b/login.css new file mode 100644 index 0000000..c787786 --- /dev/null +++ b/login.css @@ -0,0 +1,92 @@ +/* General Styles */ +body { + font-family: 'Cambria', serif; + background-color: #f7f7f7; + color: #333; + margin: 0; + padding: 0; +} + +header { + background-color: #0044cc; + color: white; + text-align: center; + padding: 20px 0; + margin-bottom: 40px; +} + +header h1 { + font-size: 2.5rem; + margin: 0; +} + +/* Form Styles */ +form { + background-color: white; + max-width: 400px; + margin: 0 auto; + padding: 20px; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); + border-radius: 8px; +} + +form h2 { + color: #0044cc; + text-align: center; + margin-bottom: 20px; +} + +label { + font-size: 1.1rem; + color: #555; + margin-bottom: 8px; + display: block; +} + +input { + width: 100%; + padding: 12px; + margin: 8px 0 20px 0; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + font-size: 1rem; +} + +input[type="text"], input[type="password"] { + background-color: #f0f0f0; +} + +button { + background-color: #0044cc; + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + font-size: 1.1rem; + width: 100%; + cursor: pointer; +} + +button:hover { + background-color: #003366; +} + +/* Error Message */ +.error { + font-size: 1rem; + color: #d9534f; + text-align: center; + margin-top: 10px; +} + +/* Footer Styles */ +footer { + background-color: #003366; + color: white; + text-align: center; + padding: 10px; + position: absolute; + bottom: 0; + width: 100%; +} \ No newline at end of file diff --git a/login.html b/login.html new file mode 100644 index 0000000..3c25d55 --- /dev/null +++ b/login.html @@ -0,0 +1,27 @@ + + + + + + + + User Login + + + + +
+

Library Management System

+
+
+

Login

+ +
+ + +
+ + +
+ + diff --git a/login.php b/login.php new file mode 100644 index 0000000..3849903 --- /dev/null +++ b/login.php @@ -0,0 +1,25 @@ +prepare("SELECT * FROM users WHERE email = ? OR username = ?"); + $stmt->bind_param("ss", $username_email, $username_email); + $stmt->execute(); + $result = $stmt->get_result(); + $user = $result->fetch_assoc(); + + if ($user && password_verify($password, $user['password'])) { + $_SESSION['user_id'] = $user['id']; + $_SESSION['username'] = $user['username']; // Set username in session + header("Location: dashboard.php"); + exit; + } else { + echo "Invalid credentials. Try again"; + } +} +?> \ No newline at end of file diff --git a/logout.php b/logout.php new file mode 100644 index 0000000..b9091dc --- /dev/null +++ b/logout.php @@ -0,0 +1,15 @@ + + alert('$username logged out successfully!'); + window.location.href = 'index.php'; + "; +} else { + header("Location: index.php"); + exit; +} +?> diff --git a/navbar.php b/navbar.php new file mode 100644 index 0000000..dce3238 --- /dev/null +++ b/navbar.php @@ -0,0 +1,115 @@ + + + + \ No newline at end of file diff --git a/register.css b/register.css new file mode 100644 index 0000000..ad0263b --- /dev/null +++ b/register.css @@ -0,0 +1,99 @@ +/* General Styles */ +body { + font-family: 'Cambria', serif; + background-color: #f7f7f7; + color: #333; + margin: 0; + padding: 0; +} + +header { + background-color: #0044cc; + color: white; + text-align: center; + padding: 20px 0; + margin-bottom: 40px; +} + +header h1 { + font-size: 2.5rem; + margin: 0; +} + +/* Form Styles */ +form { + background-color: white; + max-width: 400px; + margin: 0 auto; + padding: 20px; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); + border-radius: 8px; +} + +form h2 { + color: #0044cc; + text-align: center; + margin-bottom: 20px; +} + +label { + font-size: 1.1rem; + color: #555; + margin-bottom: 8px; + display: block; +} + +input { + width: 100%; + padding: 12px; + margin: 8px 0 20px 0; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + font-size: 1rem; +} + +input[type="text"], input[type="email"], input[type="password"] { + background-color: #f0f0f0; +} + +button { + background-color: #0044cc; + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + font-size: 1.1rem; + width: 100%; + cursor: pointer; +} + +button:hover { + background-color: #003366; +} + +/* Error/Success Messages */ +.success, .error { + font-size: 1rem; + text-align: center; + margin-top: 10px; +} + +.success { + color: #5bc0de; +} + +.error { + color: #d9534f; +} + +/* Footer Styles */ +footer { + background-color: #003366; + color: white; + text-align: center; + padding: 10px; + position: absolute; + bottom: 0; + width: 100%; +} \ No newline at end of file diff --git a/register.html b/register.html new file mode 100644 index 0000000..0940c38 --- /dev/null +++ b/register.html @@ -0,0 +1,28 @@ + + + + + + User Registration + + + + +
+

Library Management System

+
+
+

Register

+ +
+ + +
+ + +
+ + +
+ + \ No newline at end of file diff --git a/register.php b/register.php new file mode 100644 index 0000000..07ffeae --- /dev/null +++ b/register.php @@ -0,0 +1,30 @@ +prepare("SELECT * FROM users WHERE email = ?"); + $checkQuery->bind_param("s", $email); + $checkQuery->execute(); + $result = $checkQuery->get_result(); + + if ($result->num_rows > 0) { + echo "
Email already exists! Go back
"; + exit; + } + + // Insert user into the database + $stmt = $conn->prepare("INSERT INTO users (username, email, password) VALUES (?, ?, ?)"); + $stmt->bind_param("sss", $username, $email, $password); + + if ($stmt->execute()) { + echo "
Registration successful! Login here
"; + } else { + echo "
Error registering user. Please try again.
"; + } +} +?> \ No newline at end of file diff --git a/search.js b/search.js new file mode 100644 index 0000000..b2ae60a --- /dev/null +++ b/search.js @@ -0,0 +1,34 @@ +document.getElementById("searchBookForm").addEventListener("submit", async function (e) { + e.preventDefault(); + const title = document.getElementById("search_title").value.trim(); + const author = document.getElementById("search_author").value.trim(); + const year = document.getElementById("search_year").value.trim(); + + // Fetch search results using PHP backend + const response = await fetch("search_books.php", { + method: "POST", + headers: { "Content-Type": "application/x-www-form-urlencoded" }, + body: new URLSearchParams({ title, author, year }), + }); + const books = await response.json(); + + const tableBody = document.getElementById("results").querySelector("tbody"); + tableBody.innerHTML = ""; // Clear previous results + + books.forEach(book => { + const row = ` + ${book.id} + ${book.title} + ${book.author} + ${book.publication_year} + ${book.genre} + `; + tableBody.innerHTML += row; + }); +}); + +// Export to XML handler +document.getElementById("exportXML").addEventListener("click", async function () { + await fetch("export_books.php"); + alert("Books exported to XML!"); +}); diff --git a/search_books.css b/search_books.css new file mode 100644 index 0000000..77a82e7 --- /dev/null +++ b/search_books.css @@ -0,0 +1,131 @@ +/* General Styles */ +body { + font-family: 'Cambria', serif; + background-color: #f8f9fa; /* Light neutral background */ + color: #333; + margin: 0; + padding: 0; +} + +/* Header */ +header { + background-color: #008080; /* Teal color */ + color: white; + text-align: center; + padding: 20px 0; + margin-bottom: 40px; +} + +header h1 { + font-size: 2.5rem; + margin: 0; +} + +/* Main Section */ +main { + padding: 20px 10px; + display: flex; + flex-direction: column; + align-items: center; +} + +main h1 { + color: #008080; + font-size: 2.2rem; + margin-bottom: 20px; +} + +/* Form Styles */ +form { + background-color: #ffffff; /* White form background */ + padding: 30px; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */ + width: 50%; /* Fixed width for the form */ + max-width: 600px; /* Ensure responsiveness */ + display: flex; + flex-direction: column; + align-items: center; + box-sizing: border-box; +} + +form label { + font-size: 1rem; + font-weight: 500; + color: #555; + margin-bottom: 5px; + align-self: flex-start; /* Align labels to the left */ +} + +form input { + width: 100%; + padding: 12px; + font-size: 1rem; + border: 1px solid #ced4da; /* Light gray border */ + border-radius: 5px; + margin-bottom: 15px; + background-color: #f8f9fa; /* Light background for inputs */ + transition: border-color 0.3s; +} + +form input:focus { + outline: none; + border-color: #008080; /* Highlight input on focus */ +} + +form button { + background-color: #008080; + color: white; + padding: 10px 20px; + border: none; + border-radius: 5px; + font-size: 1rem; + cursor: pointer; + transition: background-color 0.3s ease; + margin: 5px; +} + +form button:hover { + background-color: #006666; /* Slightly darker teal on hover */ +} + +/* Table Styles */ +table { + width: 80%; + margin: 30px auto 0 auto; + border-collapse: collapse; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Subtle shadow */ +} + +table th, table td { + border: 1px solid #dee2e6; /* Light border */ + padding: 12px; + text-align: center; + font-size: 0.9rem; +} + +table th { + background-color: #008080; /* Teal for headers */ + color: white; + font-weight: 600; +} + +table tr:nth-child(even) { + background-color: #f8f9fa; /* Alternating row background */ +} + +table tr:hover { + background-color: #e9ecef; /* Highlight row on hover */ +} + +/* Footer */ +footer { + background-color: #008080; + color: white; + text-align: center; + padding: 10px; + margin-top: 30px; + position: relative; + bottom: 0; + width: 100%; +} \ No newline at end of file diff --git a/search_books.html b/search_books.html new file mode 100644 index 0000000..ae2b2a5 --- /dev/null +++ b/search_books.html @@ -0,0 +1,103 @@ + + + + + + Search Books + + + + + + +
+

Search Books

+ +
+ +
+ + +
+ + +
+ + + +
+ +

Search Results:

+ + + + + + + + + + + + +
TitleAuthorPublication YearGenre
+
+ + + + + + \ No newline at end of file diff --git a/search_books.php b/search_books.php new file mode 100644 index 0000000..98e2d9d --- /dev/null +++ b/search_books.php @@ -0,0 +1,41 @@ +real_escape_string($title) . "%'"; + } + if ($author) { + $query .= " AND author LIKE '%" . $conn->real_escape_string($author) . "%'"; + } + if ($publication_year) { + $query .= " AND publication_year = " . (int)$publication_year; + } + + $search_results = $conn->query($query); + $books = []; + + if ($search_results && $search_results->num_rows > 0) { + while ($row = $search_results->fetch_assoc()) { + $books[] = $row; + } + file_put_contents('books.json', json_encode($books, JSON_PRETTY_PRINT)); + } + + header('Content-Type: application/json'); + echo json_encode($books); + exit; +} \ No newline at end of file diff --git a/validation.js b/validation.js new file mode 100644 index 0000000..1f36f84 --- /dev/null +++ b/validation.js @@ -0,0 +1,13 @@ +document.getElementById("addBookForm").addEventListener("submit", function (e) { + const title = document.getElementById("title").value.trim(); + const author = document.getElementById("author").value.trim(); + const publicationYear = parseInt(document.getElementById("publication_year").value); + const genre = document.getElementById("genre").value.trim(); + + if (!title || !author || !genre || isNaN(publicationYear) || publicationYear <= 2000) { + e.preventDefault(); + alert("All fields are required, and the publication year must be greater than 2000."); + } else { + alert("Book successfully added!"); + } +});