Skip to content

Fix HTML comment #45

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
temichelle13 merged 2 commits into from
Jul 3, 2025
+169 −35
Merged

Fix HTML comment #45

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
62987a6
fix: use html comment in index
temichelle13 Jun 28, 2025
5fc9e78
Merge branch 'master' into codex/replace-javascript-comment-with-html…
temichelle13 Jul 3, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
204 changes: 169 additions & 35 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,169 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Study Planner</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Study Planner</h1>
</header>
<main>
<section id="schedule">
<h2>Your Schedule</h2>
</section>
<section id="tasks">
<h2>Your Tasks</h2>
<div id="taskForm">
<form id="taskFormElement">
<input type="text" id="taskTitle" placeholder="Title" required />
<input type="text" id="taskDescription" placeholder="Description" required />
<input type="date" id="taskDueDate" required />
<button type="submit">Add Task</button>
</form>
</div>
<div id="taskList"></div>
</section>
</main>
<footer>
<p>&copy; 2023 Study Planner</p>
</footer>
<script src="main.js"></script>
</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Study Planner</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Add viewport meta element -->
<title>Document</title>
</head>
<body>
<header>
<h1>Study Planner</h1>
</header>
<main>
<section id="schedule">
<h2>Your Schedule</h2>
<!-- Schedule content goes here -->
</section>
<section id="tasks">
<h2>Your Tasks</h2>
<!-- Task list and management interface goes here -->
<div id="taskForm">
<form>
<!-- Form content for adding tasks -->
</form>
</div>
<div id="taskList">
<!-- Dynamic task list will be rendered here -->
</div>
</section>
</main>
<footer>
<p>&copy; 2023 Study Planner</p>
</footer>
<script src="main.js"></script>

</body>
</html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Added viewport meta element -->
<title>Document</title>
</head>
<body>

</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

</head>
<body>

</body>
</html>
<body>

</body>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Add viewport meta element -->
<title>Document</title>
</head>
<body>

</body>

</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Added viewport meta element -->
<title>Document</title>
</head>
<body>

</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

</head>
<body>

</html>

<script>
// Example fetch request to an API endpoint
fetch('/api/tasks')
.then(response => response.json())
.then(data => {
// Handle data (tasks) here
console.log(data);
})
.catch(error => {
console.error('Error fetching tasks:', error);
});
</script>

<script>
// Function to fetch and display tasks
function fetchAndDisplayTasks() {
fetch('/api/tasks')
.then(response => response.json())
.then(tasks => {
const tasksList = document.getElementById('tasksList');
tasksList.innerHTML = ''; // Clear existing tasks
tasks.forEach(task => {
const taskItem = document.createElement('li');
taskItem.textContent = task.title;
tasksList.appendChild(taskItem);
});
})
.catch(error => {
console.error('Error fetching tasks:', error);
});
}

// Call the function on page load
document.addEventListener('DOMContentLoaded', fetchAndDisplayTasks);
</script>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Study Planner</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Study Planner</h1>
</header>
<main>
<section id="schedule">
<h2>Your Schedule</h2>
</section>
<section id="tasks">
<h2>Your Tasks</h2>
<div id="taskForm">
<form id="taskFormElement">
<input type="text" id="taskTitle" placeholder="Title" required />
<input type="text" id="taskDescription" placeholder="Description" required />
<input type="date" id="taskDueDate" required />
<button type="submit">Add Task</button>
</form>
</div>
<div id="taskList"></div>
</section>
</main>
<footer>
<p>&copy; Study Planner</p>
</footer>
<script src="main.js"></script>
</body>
</html>
Loading