BROKEN CODE (HTML, JS) TO CONNECT TO MYSQL SERVER

index.html

@@ -7,6 +7,7 @@
 <title>Teams</title>
 <link rel="stylesheet" href="index.css" />
 <script src="https://unpkg.com/dexie/dist/dexie.js"></script>
+
 <script>
 	// Check that service workers are supported
 	if ("serviceWorker" in navigator) {
@@ -55,4 +56,42 @@ <h2>Teams</h2>
 	<script src="index.js"></script>
 </body>
 
+<!-- CHATGPT CODE FOR CONNECTING TO MYSQL SERVER-->
+
+<script>
+	const express = require('express');
+	const bodyParser = require('body-parser');
+	const mysql = require('mysql');
+
+	const app = express();
+	app.use(bodyParser.json());
+
+	// MySQL database connection configuration
+	const connection = mysql.createConnection({
+		host: 'localhost',
+		user: 'jamesmur_scout',
+		password: 'Longmetal7127',
+		database: 'jamesmur_scouting'
+	});
+
+	// API endpoint for syncing data from client to server
+	app.post('/sync', (req, res) => {
+		const teamName = req.body.teamName;
+		connection.query('INSERT INTO teams (name) VALUES (?)', [teamName], (error, results) => {
+			if (error) {
+				console.error(error);
+				res.status(500).send('Error syncing data');
+			} else {
+				res.status(200).send('Data synced successfully');
+			}
+		});
+	});
+
+	// Start the server
+	const port = 3000;
+	app.listen(port, () => {
+		console.log(`Server is listening on port ${port}`);
+	});
+</script>
+
 </html>

index.js

@@ -39,4 +39,31 @@ window.onload = getTodos;
 const deleteTodo = async (event, id) => {
   await db.todos.delete(id);
   await getTodos();
-};
+};
+
+// CHATGPT CODE TO CONNECT TO MYSQL SERVER
+
+function saveTeam(teamName) {
+  db.teams.add({ name: teamName }).then(() => {
+      syncTeamWithServer(teamName);
+  });
+}
+
+function syncTeamWithServer(teamName) {
+  fetch('/sync', {
+      method: 'POST',
+      headers: {
+          'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ teamName: teamName })
+  })
+  .then(response => {
+      if (!response.ok) {
+          throw new Error('Failed to sync data');
+      }
+      return response.json();
+  })
+  .catch(error => {
+      console.error(error);
+  });
+}