When you don't edit out the "mistakes" while coding, you bring it to a level where everyone can see how things actually work on a daily basis, and you don't give that false "perfection" vibe yk. Such an amazing video, congrats.
@CodePhilipYT10 күн бұрын
Thank you <3
@manojgmanojg960013 күн бұрын
Sir, Same code will not work to Onclick button, how to solve this...
@CodePhilipYT12 күн бұрын
Can you check console and share your error or code?
@HomeLondor15 күн бұрын
the tutorial was so good, that I think I fell in love ...🌹
@riotitov23 күн бұрын
Greetings, I sign up to see how it works, I found a bug, probably just a CSS quick fix, it's when you hover the mouse over the option button. BTW I'm using chrome to navigate your site. well done creating this site
@CodePhilipYT5 күн бұрын
Hey, thank you for noticing!
@existentialism_0127 күн бұрын
This is so good, wanna collaborate?
@CodePhilipYT26 күн бұрын
Thank you :D Send me a DM on twitter @habitheat
@CodePhilipYT27 күн бұрын
This is still in development so there are probably a thousand bugs but I will fix them one after another and add more stuff! Let me know what you think or if you have ideas for improvements or features that you would like to see. Thank you for watching :) Here is the link: habitheat.com/
@Entity.303-UoUАй бұрын
Nice vid,
@CodePhilipYT28 күн бұрын
Thank you :)
@CodePhilipYT28 күн бұрын
Thank you :)
@kowsarlaskar6729Ай бұрын
i was here for the thumbnail css
@dev_ademАй бұрын
Thanks mate. Those who gets error for the loadtasks function clear your local storage!
@CodePhilipYT28 күн бұрын
Thank you for your comment :)
@НурадилНурадил-ч3т2 ай бұрын
the best channel about IT
@CodePhilipYTАй бұрын
Thank you :)
@SH-pd5cs2 ай бұрын
shitty
@Caleb-ftb2 ай бұрын
Wow! Real nice
@CodePhilipYTАй бұрын
Thank you
@sagesse7572 ай бұрын
This is really cool. Looking forward to it. :)
@CodePhilipYT2 ай бұрын
Thank you! I will try to launch in December, you can sign up to get notified on my landingpage! habitheat.com/
@thethematabo7182 ай бұрын
This is the most simple and easier todoList lesson that I never met on line. I will start my journey with this. Thank you very much man.
@CodePhilipYT2 ай бұрын
Thank you! Im glad you enjoyed it. You might also be interested in my no to do list video which lets you save your to do list!
@1yavuzahmet3 ай бұрын
tesekkurler guzel anlatim olmus.
@suzero003 ай бұрын
awesome lesson, thanks!
@ABITHASHREE-nq6fl3 ай бұрын
i got an error undefine in add task
@CodePhilipYT3 ай бұрын
Can you add your code?
@HansikaMarasinghe3 ай бұрын
This video helped me in my studies =]
@CodePhilipYT3 ай бұрын
Nice :)
@luffy-taro10654 ай бұрын
thank you very much i was stuck on this assignment for like 3 days and tried many things refered many code and stuffs but couldnt understand much but you man saved my. made the concept crystal clear.
@keyhug96614 ай бұрын
I like it 🔥🔥
@volgalgzkaradagoglu4 ай бұрын
Functino pizzeria🤌🤌
@n835575 ай бұрын
Great work,bro I have a quest, Why we use math.floor(math.random()*quotes.length).
@CodePhilipYT5 ай бұрын
Thank you, we use that expression to randomly select one of the quotes from our array.
@salemmajed9165 ай бұрын
Thanks
@CodePhilipYT5 ай бұрын
No problem :)
@markjosephortizano50845 ай бұрын
I have one question I'm newbie at IT Programing Now I'm learning JavaScript first. How do we create dashboard by using only button on front then it will redirect to dashboard?
@CodePhilipYT5 ай бұрын
Hey, do you mean like a dashboard for a logged in user where he can see for example his own to do list?
@markjosephortizano50845 ай бұрын
Yes exactly bro
@CodePhilipYT5 ай бұрын
@@markjosephortizano5084 Thats a bit more complicated because we need to add user authentication and for that we need a backend language or framework like node.js for javascript or what I like to use is php. You will also need a database to store the user data. I plan on doing a tutorial about that soon!
@CodePhilipYT5 ай бұрын
Thanks for watching! If you’re excited about this project, make sure to check out Habitheat.com/ to join the waitlist and get notified when I launch. 🚀 Also, let me know in the comments what features you’d like to see next or any feedback you have. Your input is super valuable as I continue to develop this habit tracker. Don’t forget to subscribe for more updates!
@stratos85 ай бұрын
A SIMPLE FUCKING SIMPLE TO DO LIST. I LOVE YOU MY DUDE!
@CodePhilipYT5 ай бұрын
No Problem brother <3 Checkout my new to do list tutorial using localstorage to save your todos even after page refresh :)
@the42project-c8h5 ай бұрын
Yeah man good way. Just the basic and i put the unicorns
@CodePhilipYT5 ай бұрын
you can sign up to my waitlist to get notified when I launch it habitheat.com/
@HammerBummer-ro9ik5 ай бұрын
the picture in the back caught my attention, what kind of picture is this?
@CodePhilipYT5 ай бұрын
Its a tapestry I bought from amazon, just search for „mushroom tapestry“ or something :)
@kin_19975 ай бұрын
great thank you !
@cephos_goji6 ай бұрын
22:54 that silent moment was so relatable and so funny
@TimeLords9106 ай бұрын
Question why didn’t you use live-server to update between code instead of reloading the page ?
@CodePhilipYT5 ай бұрын
Hey, thats a good question, I guess I just didnt knew about live server back then.
@TimeLords9105 ай бұрын
@@CodePhilipYT it’s alright that you don’t use it but it would of been efficient
@DamosyTheFreckle6 ай бұрын
I did this, it is amazing! But everytime I refresh or close tab, I lose the number where I previously left off. How do I make it such that everytime I refresh, i still get the previously stored number?
@CodePhilipYT5 ай бұрын
Hey, for that u need to store the value. You could use a database or localstorage. Maybe you can read into that. You will need to run it on a server though, for local development xampp is best as you can also use sql databases there! Good luck
@DamosyTheFreckle5 ай бұрын
@@CodePhilipYT Thanks for replying! I managed to implement firebase firestore in my project and it worked out pretty well for me. Will certainly try out the other forms of databases in the near future.
@CodePhilipYT5 ай бұрын
@@DamosyTheFreckle Hey, glad it worked :D
@yothkajornsanannam34957 ай бұрын
Any command to control output state with out toggle..?
@Isaac-kb6jo7 ай бұрын
Hello thanks baba But ur video no clear at all oooo
@zizom7 ай бұрын
Thank you for this great tutorial I learned a lot. I have a question about how you handle the delete text. Wont the you code used in the video make any delete word get deleted ? What if i wanted to add a note about delete old files for example ?
@CodePhilipYT5 ай бұрын
Hey, you can create tasks with the word delete and it will work just fine!
@yy.u.i8 ай бұрын
Short, precise and clear. Thank you!
@CodePhilipYT7 ай бұрын
Thank you :)
@meghanohara91538 ай бұрын
This video was SOOO helpful. I have been banging my head against a wall trying to find a tutorial for a todo list for beginners and everyone claims they are for beginners but are really way more detailed and advanced making it so much more confusing than it needs to be and this version you put out was so straightforward and easy to code along with and understand. Thanks so much for posting! You saved my sanity! My next project to tackle is a memory game any chance you want to help with that!???
@SonaBeau_138 ай бұрын
During the journey of creating the To-Do List, I enjoyed it as well! Hehe, I love the process of building project.
@freguenshoodjean58418 ай бұрын
i like the way you said you are a beginner and there are some better way to do it.. thats so humble. 4 years later i hope you now an advance devlopper.............
@Masantingku8 ай бұрын
Thank you so much.. I am a subscriber now..
@darkknight-rp2ry8 ай бұрын
Thx for solving my doubt 🧐👍💪🫡
@EmmanuelLeakono9 ай бұрын
simple as you like
@IleniaQuintero9 ай бұрын
Hello, I was looking at your video channel. We may be helping a company that uses secure images to increase supply chain security and help cloud native development. Would you be willing to help try their software, make a video, and help show devs how to use their tools? This is not an offer, but just to start a conversation about your willingness to take on sponsorship. Please provide me with your email if you are interested. You'd have a chance to look at their technology and decide if it's the type of software that you'd be interested in covering in your channel.
@filipmagnuseinvik63239 ай бұрын
do you have the source to the code?
@CodePhilipYT5 ай бұрын
Here is the javascript code: const addButton = document.getElementById('addTask'); const taskInput = document.getElementById('taskInput'); const taskList = document.getElementById('taskList'); loadTasks(); function addTask() { const task = taskInput.value.trim(); if (task) { createTaskElement(task); taskInput.value = ''; saveTasks(); } else { alert('Please enter a task!') } } addButton.addEventListener('click', addTask); function createTaskElement(task){ const listItem = document.createElement('li'); listItem.textContent = task; const deleteButton = document.createElement('button'); deleteButton.textContent = 'Delete'; deleteButton.className = 'deleteTask'; listItem.appendChild(deleteButton); taskList.appendChild(listItem); deleteButton.addEventListener('click', function(){ taskList.removeChild(listItem); saveTasks(); }); } function saveTasks() { let tasks = []; taskList.querySelectorAll('li').forEach(function(item) { tasks.push(item.textContent.replace('Delete', '').trim()); }); localStorage.setItem('tasks', JSON.stringify(tasks)); } function loadTasks() { const tasks = JSON.parse(localStorage.getItem('tasks')) || []; tasks.forEach(createTaskElement); }
@CodePhilipYT5 ай бұрын
@@pawanbakle2893 Hey, here is the css: body { font-family: Arial, sans-serif; } .container { text-align: center; margin: 0 auto; width: 50%; } h1 { color: #333; } ul { list-style-type: none; padding: 0; } li { margin: 5px 0; display: flex; justify-content: space-between; align-items: center; background-color: #f7f7f7; padding: 8px; border-radius: 5px; } .deleteTask { background-color: #ff6b6b; color: white; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; } And here is the HTML Code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>To Do List</title> </head> <body> <div class="container"> <h1>To-Do List</h1> <input type="text" id="taskInput" placeholder="Add a Task"> <button id="addTask">Add</button> <ul id="taskList"> <!-- li Element --> </ul> </div> <script src="script.js"></script> </body> </html>
@TheIndianOutcast9 ай бұрын
Bro! Where have you been.....? Uploading a year later???
@CodePhilipYT9 ай бұрын
I stopped coding but got back interested in it :)
@Onyinwa-we2bk10 ай бұрын
How did u pit the right guessing sir
@CoveredInCode-yp5sv10 ай бұрын
I really appreciate the step-by-step and thorough explanation. So much better than those tutorials that don't explain anything!
@CodePhilipYT10 ай бұрын
Thank you!
@CodePhilipYT10 ай бұрын
Hey guys, I made a new tutorial for a to do list which can also save your tasks on page refresh. You can do that by using the localStorage in the browser. If youre interested check it out: To Do List with LocalStorage (Save To Do's in Browser!) | JavaScript Beginner Project kzbin.info/www/bejne/pmepZod4rdhrbqM