Closed nunyvega closed 7 months ago
Hey! I started with this new project. I just completed step one, creating the HTML file and making the structure. Also, step two creating a JS file, linking it to the HTML file.
Regards!
Hi! Steps three and four are completed. Now we can see the tasks from the 'input' in the list area and check it when it is done. Thanks!
I finished the last two steps, I had some challenges in the last step but I made it!
Thanks for this fun project.
Thanks! where can I see this project online? Btw, don't forget to add it to your menu, let me know once that's done.
Final steps:
Once you're done with this project, you can find your new project here: Build an Expense Tracker π° #4
Hey, I just updated the website. The TODO list project is now on the menu. You can visit the TODO list by clicking this link: https://bytebitechef.github.io/TODOlist.html or you can have a look on the website: https://bytebitechef.github.io/
Thanks!
This project had new challenges and showed me the importance of organization in the starting stage. Writing a line of text for each code I needed to make was very helpful.
Something else to keep in mind is to understand every line of code we write down. It is very easy to use GPT to get an explanation of a code. Remember to use console.log to be aware of what is happening in your code all the time. Also, donβt try to do all at once, do everything in baby steps. In the final stage of the project, I had to delete the tasks added to the list using the 'remove' button. For this, I needed some help from Alvaro. To achieve this we used the '.remove' and 'this.' methods.
Thanks!!
Objective
Hey Max! Ready for your next challenge? πΉ This time, letβs create a simple TODO list that allows adding tasks, marking them as completed, and removing them. This one is a bit more challenging than the previous one, so it should take a bit longer.
Preview
It should look something like this (feel free to tweak it):
Task Breakdown
Step 1: Setup HTML Structure π
Step 2: Link a JavaScript File π
Step 3: Adding Tasks β
Step 4: Marking Tasks as Completed β
Step 5: Removing Tasks β
Step 6: Testing and Debugging π
Notes π
Looking forward to seeing your progress, Max πͺ