Sir I have completed the assignment and it is working perfectly fine. Thank you so much for this amazing course for free. I learnt so much from this course ...
Another most anticipated episode of Hitesh's javascript tuts 😀. This Node gen capability adds more elements at web designers’ discretion, allowing dynamic modification of web components/insertion of script snippets on any plain (i.e. boring, static, vanilla) html page. Remind me on the old days of .dhtml. Nice explanation, Sir Hitesh. 😃
I already knew how to do all that , I was just watching this video to pass my time , UNTIL that HTML started regenerating itself. That small HACK was so good , Thankyou Sir ✅
Very well explained! I used to watch your videos and I already applied of what I have learned from it to my current ERP project. Keep up the good work sir :) Watching from Philippines.
I missed a . before class name and it wasted my whole 2 hours. That's the reason I hate JavaScript. But before this course I used to hate it even more. Heartly thanks hitesh.
While going through this video I found that the script tag has to be at the bottom else the document.querySelector doesn't grab the ul element either by the class or element name. Took half an hour to understand my silly mistake.
Hey guys, I could make it by ascending & descending list & button color blue. However it is apearing down below the existing button. How to make it inline? tried in CSS also IN HTML Sort courses ascending
Hitesh sir i knew nothing about js Only i have completed my html css and php then i started watching ur this series. Can i dig in to react after this series. Your reply will be valuable for me🙌
Sir you did ul.innerHTML = "" But it will not include hard coded one which was in index.html i.e javascript course... So how to include it in output sir.
@@zizou5638 Can u also pls tell me how (a.price - b.price) sorts the objects? I mean what does b hold when a holds first object? Can u explain it in a flow of execution pls? thnx in advance :)
Full course is FREE and will be available here
courses.learncodeonline.in/learn/Complete-Javascript-course
literally i d'ont have words to express my feelings before going through your series, i hated programming but now i guess i am loving it so much
Sir, you are the most impactful guru for the students like me.. grateful
Thank you, sir. I am very grateful for this knowledge you always share. Watching from Ghana
HItesh Sir teaches so amazingly
Sir I have completed the assignment and it is working perfectly fine. Thank you so much for this amazing course for free. I learnt so much from this course ...
Another most anticipated episode of Hitesh's javascript tuts 😀. This Node gen capability adds more elements at web designers’ discretion, allowing dynamic modification of web components/insertion of script snippets on any plain (i.e. boring, static, vanilla) html page. Remind me on the old days of .dhtml. Nice explanation, Sir Hitesh. 😃
Assignment done :)
js => descending order
const button2 = document.querySelector(".sort-btn2");
button2.addEventListener("click", () => {
courses.sort((a, b) => b.price - a.price);
generateLIST();
});
html
Descending Sort
thanks man
Keep Growing and keep inspiring. Thank you for this
I don’t understand why people do thumps down for quality videos. It’s a free world but I think sometimes people are, you know (no words)
I already knew how to do all that , I was just watching this video to pass my time , UNTIL that HTML started regenerating itself. That small HACK was so good , Thankyou Sir ✅
Top- NOTCH video,,literrally one in million ❤️❤️🔥
Very well explained! I used to watch your videos and I already applied of what I have learned from it to my current ERP project. Keep up the good work sir :) Watching from Philippines.
Best video of the course so far🤩🤩
I missed a . before class name and it wasted my whole 2 hours. That's the reason I hate JavaScript. But before this course I used to hate it even more. Heartly thanks hitesh.
Thank you so much brother....because of your comment I find my mistake and saved 2 hours :)
@@EditorGuru Error is always better than these...
The best explanation i ever got thankyou so much
I hit the like button rather than hitting subscriber button. Bcoz I subscribed already.. ❤
Very useful video. Thank you, Hitesh :)
Wating for this one
Thanks Sir
Thank you sir!
While going through this video I found that the script tag has to be at the bottom else the document.querySelector doesn't grab the ul element either by the class or element name.
Took half an hour to understand my silly mistake.
a little bit confusing but very understandable, thank you, sir..
Thank you soo much for this :)
Hey guys,
I could make it by ascending & descending list & button color blue. However it is apearing down below the existing button. How to make it inline? tried in CSS also
IN HTML
Sort courses ascending
Sort courses descending
in JS
const button1 = document.querySelector(".sort-btn1")
// button1.style.display = "inline"
button1.addEventListener("click", () => {
courses.sort ( (a,b) => a.price - b.price )
generateList();
});
const button2 = document.querySelector(".sort-btn2")
button2.style.backgroundColor = "blue"
// button2.style.display = "inline"
button2.addEventListener("click", () => {
courses.sort ( (a,b) => b.price - a.price )
generateList();
});
in CSS
body {
background-color: rgb(66, 66, 66);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}
.btn btn-success btn-lg mt-4 mx-auto d-block sort-btn1 {
float: inline-start;
}
.btn btn-success btn-lg mt-4 mx-auto d-block sort-btn2 {
float: inline-end;
}
Thanks for this video sir.
Great explanation. 👌
Hitesh sir i knew nothing about js
Only i have completed my html css and php then i started watching ur this series.
Can i dig in to react after this series.
Your reply will be valuable for me🙌
Yes go for it !! after that you can get frontend developer job and learn full stack side by side
Go for asynchronous javascript then NODE .JS then Touch react.
🔥🔥🔥🔥🔥
Great ....I love it
assignment is done but unable to bring these two buttons in same line. both sorting button working fine.
Why do you write price of a course in a string?
Sir plz make a video on MEAN ....thanku
Great video 👍
I did everything exactly same , its even showing up on the web but its not sorting...can anyone help me?
where is the project which you used in the video
You are awesome
thanks sir just I feel like I am coding JSX
Sir you did ul.innerHTML = ""
But it will not include hard coded one which was in index.html i.e javascript course...
So how to include it in output sir.
const exsistingItem = "Javascript course$2.1";
ul.innerHTML = exsistingItem;
Which vscode theme you are using?
Great👍👍🙏
Please I need help, can you get me a video on how to add AdMob ads to the android app in android studio and upload to play store?
Thanks Sir ❤🌹
Thank you ☺️
can u show the programme in script but not in console.log.show it on webpage.plz
Sir the code doesn't run and says document isn't defined
Hello sir when you will start the course of react js and django
Already available at my website
Can u please explain the purpose of using the classList to add the class . I means please elaborate more on classList.
In case you wanted the newly added items to have the same properties as the existing list.
@@zizou5638 Can u also pls tell me how (a.price - b.price) sorts the objects?
I mean what does b hold when a holds first object? Can u explain it in a flow of execution pls?
thnx in advance :)
@@sonalisahoo5953 do u have a twitter or Facebook account so i can share the picture of the explanation to u
Please your mobile app has been refusing payment acceptance for a while now. Please look into it
where i will find this project file
#10minutesJS day 45!
MY BRIAN CRASHED HERE
sir do you watch ipl
Is there anyone who had completed the assignment of this video .
I can't make that in descending order (courses)
Plz anyone help me out.🙌
courses.sort((a, b) => b.price - a.price);
1:01
Bhai aap faltu ki baatein nahi karte ho or time bhi save karte ho.. Bro 🙂