Coding my own Habit Tracker
6:46
5 ай бұрын
Пікірлер
@Bas1lisik
@Bas1lisik 22 сағат бұрын
Do u speak russian?
@CodePhilipYT
@CodePhilipYT 6 сағат бұрын
No only english and german
@artl4b
@artl4b 10 күн бұрын
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.
@CodePhilipYT
@CodePhilipYT 10 күн бұрын
Thank you <3
@manojgmanojg9600
@manojgmanojg9600 13 күн бұрын
Sir, Same code will not work to Onclick button, how to solve this...
@CodePhilipYT
@CodePhilipYT 12 күн бұрын
Can you check console and share your error or code?
@HomeLondor
@HomeLondor 15 күн бұрын
the tutorial was so good, that I think I fell in love ...🌹
@riotitov
@riotitov 23 күн бұрын
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
@CodePhilipYT
@CodePhilipYT 5 күн бұрын
Hey, thank you for noticing!
@existentialism_01
@existentialism_01 27 күн бұрын
This is so good, wanna collaborate?
@CodePhilipYT
@CodePhilipYT 26 күн бұрын
Thank you :D Send me a DM on twitter @habitheat
@CodePhilipYT
@CodePhilipYT 27 күн бұрын
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
@Entity.303-UoU Ай бұрын
Nice vid,
@CodePhilipYT
@CodePhilipYT 28 күн бұрын
Thank you :)
@CodePhilipYT
@CodePhilipYT 28 күн бұрын
Thank you :)
@kowsarlaskar6729
@kowsarlaskar6729 Ай бұрын
i was here for the thumbnail css
@dev_adem
@dev_adem Ай бұрын
Thanks mate. Those who gets error for the loadtasks function clear your local storage!
@CodePhilipYT
@CodePhilipYT 28 күн бұрын
Thank you for your comment :)
@НурадилНурадил-ч3т
@НурадилНурадил-ч3т 2 ай бұрын
the best channel about IT
@CodePhilipYT
@CodePhilipYT Ай бұрын
Thank you :)
@SH-pd5cs
@SH-pd5cs 2 ай бұрын
shitty
@Caleb-ftb
@Caleb-ftb 2 ай бұрын
Wow! Real nice
@CodePhilipYT
@CodePhilipYT Ай бұрын
Thank you
@sagesse757
@sagesse757 2 ай бұрын
This is really cool. Looking forward to it. :)
@CodePhilipYT
@CodePhilipYT 2 ай бұрын
Thank you! I will try to launch in December, you can sign up to get notified on my landingpage! habitheat.com/
@thethematabo718
@thethematabo718 2 ай бұрын
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.
@CodePhilipYT
@CodePhilipYT 2 ай бұрын
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!
@1yavuzahmet
@1yavuzahmet 3 ай бұрын
tesekkurler guzel anlatim olmus.
@suzero00
@suzero00 3 ай бұрын
awesome lesson, thanks!
@ABITHASHREE-nq6fl
@ABITHASHREE-nq6fl 3 ай бұрын
i got an error undefine in add task
@CodePhilipYT
@CodePhilipYT 3 ай бұрын
Can you add your code?
@HansikaMarasinghe
@HansikaMarasinghe 3 ай бұрын
This video helped me in my studies =]
@CodePhilipYT
@CodePhilipYT 3 ай бұрын
Nice :)
@luffy-taro1065
@luffy-taro1065 4 ай бұрын
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.
@keyhug9661
@keyhug9661 4 ай бұрын
I like it 🔥🔥
@volgalgzkaradagoglu
@volgalgzkaradagoglu 4 ай бұрын
Functino pizzeria🤌🤌
@n83557
@n83557 5 ай бұрын
Great work,bro I have a quest, Why we use math.floor(math.random()*quotes.length).
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
Thank you, we use that expression to randomly select one of the quotes from our array.
@salemmajed916
@salemmajed916 5 ай бұрын
Thanks
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
No problem :)
@markjosephortizano5084
@markjosephortizano5084 5 ай бұрын
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?
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
Hey, do you mean like a dashboard for a logged in user where he can see for example his own to do list?
@markjosephortizano5084
@markjosephortizano5084 5 ай бұрын
Yes exactly bro
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
@@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!
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
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!
@stratos8
@stratos8 5 ай бұрын
A SIMPLE FUCKING SIMPLE TO DO LIST. I LOVE YOU MY DUDE!
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
No Problem brother <3 Checkout my new to do list tutorial using localstorage to save your todos even after page refresh :)
@the42project-c8h
@the42project-c8h 5 ай бұрын
Yeah man good way. Just the basic and i put the unicorns
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
you can sign up to my waitlist to get notified when I launch it habitheat.com/
@HammerBummer-ro9ik
@HammerBummer-ro9ik 5 ай бұрын
the picture in the back caught my attention, what kind of picture is this?
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
Its a tapestry I bought from amazon, just search for „mushroom tapestry“ or something :)
@kin_1997
@kin_1997 5 ай бұрын
great thank you !
@cephos_goji
@cephos_goji 6 ай бұрын
22:54 that silent moment was so relatable and so funny
@TimeLords910
@TimeLords910 6 ай бұрын
Question why didn’t you use live-server to update between code instead of reloading the page ?
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
Hey, thats a good question, I guess I just didnt knew about live server back then.
@TimeLords910
@TimeLords910 5 ай бұрын
@@CodePhilipYT it’s alright that you don’t use it but it would of been efficient
@DamosyTheFreckle
@DamosyTheFreckle 6 ай бұрын
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?
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
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
@DamosyTheFreckle
@DamosyTheFreckle 5 ай бұрын
@@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.
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
@@DamosyTheFreckle Hey, glad it worked :D
@yothkajornsanannam3495
@yothkajornsanannam3495 7 ай бұрын
Any command to control output state with out toggle..?
@Isaac-kb6jo
@Isaac-kb6jo 7 ай бұрын
Hello thanks baba But ur video no clear at all oooo
@zizom
@zizom 7 ай бұрын
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 ?
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
Hey, you can create tasks with the word delete and it will work just fine!
@yy.u.i
@yy.u.i 8 ай бұрын
Short, precise and clear. Thank you!
@CodePhilipYT
@CodePhilipYT 7 ай бұрын
Thank you :)
@meghanohara9153
@meghanohara9153 8 ай бұрын
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_13
@SonaBeau_13 8 ай бұрын
During the journey of creating the To-Do List, I enjoyed it as well! Hehe, I love the process of building project.
@freguenshoodjean5841
@freguenshoodjean5841 8 ай бұрын
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.............
@Masantingku
@Masantingku 8 ай бұрын
Thank you so much.. I am a subscriber now..
@darkknight-rp2ry
@darkknight-rp2ry 8 ай бұрын
Thx for solving my doubt 🧐👍💪🫡
@EmmanuelLeakono
@EmmanuelLeakono 9 ай бұрын
simple as you like
@IleniaQuintero
@IleniaQuintero 9 ай бұрын
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.
@filipmagnuseinvik6323
@filipmagnuseinvik6323 9 ай бұрын
do you have the source to the code?
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
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); }
@CodePhilipYT
@CodePhilipYT 5 ай бұрын
@@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>
@TheIndianOutcast
@TheIndianOutcast 9 ай бұрын
Bro! Where have you been.....? Uploading a year later???
@CodePhilipYT
@CodePhilipYT 9 ай бұрын
I stopped coding but got back interested in it :)
@Onyinwa-we2bk
@Onyinwa-we2bk 10 ай бұрын
How did u pit the right guessing sir
@CoveredInCode-yp5sv
@CoveredInCode-yp5sv 10 ай бұрын
I really appreciate the step-by-step and thorough explanation. So much better than those tutorials that don't explain anything!
@CodePhilipYT
@CodePhilipYT 10 ай бұрын
Thank you!
@CodePhilipYT
@CodePhilipYT 10 ай бұрын
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