added TO DO list

Author: RanitManik

09. TO-DO List/script.js

@@ -34,7 +34,7 @@ addBtn.addEventListener('click', (e) => {
 function addTaskToTable(task) {
     const node = document.createElement("tr");
     node.innerHTML = `
-        <td class="task_name">${task.name}</td>
+        <td class="task_name"><p>${task.name}</p></td>
         <td class="task_due_date">${task.date}</td>
         <td class="task_status">${task.status}</td>
         <td class="task_actions">
@@ -45,6 +45,9 @@ function addTaskToTable(task) {
 
     tableBody.appendChild(node);
 
+    // Automatically scroll to the latest task
+    node.scrollIntoView({behavior: 'smooth', block: 'end'});
+
     // Add event listeners for the new task's actions
     node.querySelector('.complete-task').addEventListener('click', () => {
         task.status = 'Completed';
@@ -89,7 +92,6 @@ function removeTaskFromLocalStorage(taskToRemove) {
     localStorage.setItem('tasks', JSON.stringify(tasks));
 }
 
-
 window.addEventListener('load', () => {
     loader.style.display = 'none';
-});
+});

09. TO-DO List/style.css

@@ -169,6 +169,13 @@ td {
     white-space: nowrap;
 }
 
+td p {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 150px;
+}
+
 thead {
     background-color: var(--primary-color);
 }

README.md

@@ -19,7 +19,7 @@ developer, or just curious, your feedback and insights are always welcome.
 | 06 | [Password Generator Application](https://github.com/RanitManik/JavaScript-Projects/tree/main/06.%20Password%20Generator%20Application) | [Live Demo](https://ranitmanik.github.io/JavaScript-Projects/06.%20Password%20Generator%20Application/index.html) |
 | 07 | [Cash Calculator Application](https://github.com/RanitManik/JavaScript-Projects/tree/main/07.%20Cash%20Calculator%20Application)       | [Live Demo](https://ranitmanik.github.io/JavaScript-Projects/07.%20Cash%20Calculator%20Application/index.html)    |
 | 08 | [HEX Code Generator](https://github.com/RanitManik/JavaScript-projects/tree/main/08.%20HEX%20Code%20Generator)                         | [Live Demo](https://ranitmanik.github.io/JavaScript-Projects/08.%20HEX%20Code%20Generator/index.html)             |
-| 09 | [09. TO-DO List](https://github.com/RanitManik/JavaScript-projects/tree/main/09.%20TO-DO%20List)                                       | [Live Demo](https://ranitmanik.github.io/JavaScript-Projects/09.%20TO-DO%20List/index.html)                       |
+| 09 | [TO-DO List](https://github.com/RanitManik/JavaScript-projects/tree/main/09.%20TO-DO%20List)                                           | [Live Demo](https://ranitmanik.github.io/JavaScript-Projects/09.%20TO-DO%20List/index.html)                       |
 
 ## How to Use