18 сағат бұрын
18 сағат бұрын
18 сағат бұрын
2 сағат бұрын
2 сағат бұрын
2 сағат бұрын
2 сағат бұрын
4 сағат бұрын
4 сағат бұрын
4 сағат бұрын
4 сағат бұрын
7 сағат бұрын
7 сағат бұрын
7 сағат бұрын
7 сағат бұрын
9 сағат бұрын
9 сағат бұрын
9 сағат бұрын
9 сағат бұрын
9 сағат бұрын
12 сағат бұрын
12 сағат бұрын
12 сағат бұрын
12 сағат бұрын
Пікірлер
@mohammadalam9936 Күн бұрын
thanks. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Switchable Tabs</title> <link rel="stylesheet" href="./style.css"> </head> <body> <div class="tab-container"> <button class="tab-button" onclick="openTab('tab1')">Tab 1</button> <button class="tab-button" onclick="openTab('tab2')">Tab 2</button> <button class="tab-button" onclick="openTab('tab3')">Tab 3</button> <div id="tab1" class="tab"> <h2 class="tab-title">Tab 1 content</h2> <p class="tab-content">This is content of tab 1</p> </div> <div id="tab2" class="tab"> <h2 class="tab-title">Tab 2 content</h2> <p class="tab-content">This is content of tab 2</p> </div> <div id="tab3" class="tab"> <h2 class="tab-title">Tab 3 content</h2> <p class="tab-content">This is content of tab 3</p> </div> </div> </body> <script src="./index.js"></script> </html> -------------- .tab-container { max-width: 600px; margin: 0 auto; } .tab { display: none; padding: 20px; border-radius: 5px; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .tab-button { background-color: #4caf50; border: none; color: white; padding: 10px 20px; cursor: pointer; border-radius: 5px 5px 0 0; transition: background-color 0.3s; } .tab-button.active { background-color: #45a049; } .tab-content { margin-top: 10px; background-color: #f9f9f9; border-radius: 0 0 5px 5px; padding: 20px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .tab-title { margin-top: 0; } ------------- function openTab(tabName) { //hide all tabs let tabs = document.getElementsByClassName('tab'); for (let i = 0; i < tabs.length; i++) { tabs[i].style.display = "none"; } //deactivate all tabs let tabButtons = document.getElementsByClassName('tab-button'); for (let i = 0; i < tabButtons.length; i++) { tabButtons[i].classList.remove('active'); } //show the selected tab document.getElementById(tabName).style.display = 'block'; //activate the clicked tab button event.currentTarget.classList.add('active'); }
@mohammadalam9936 Күн бұрын
Thank you. css: /* Body background transition */ body { transition: background-color 0.4s ease; } .container { text-align: center; margin-top: 100px; } h1 { margin-bottom: 30px; } /* when screen get dark h1 font get white */ .dark-mode h1 { color: #fff; } /* Switch container */ .switch { position: relative; display: inline-block; width: 60px; height: 34px; } /* Hidden input checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider (background) */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 0.4s; border-radius: 34px; } /* background Changes when the input is checked */ input:checked + .slider { background-color: #2196f3; } /* The slider knob (circle) */ .slider::before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; border-radius: 50%; } /* Changes when the input is checked */ input:checked + .slider::before { transform: translateX(26px); } /* Rounded switch */ .slider.round { border-radius: 34px; } .slider.round::before { border-radius: 50%; } js code: const modeToggle = document.getElementById('modeToggle'); modeToggle.addEventListener('change', () => { document.body.classList.toggle('dark-mode'); const isDarkMode = document.body.classList.contains('dark-mode'); if(isDarkMode) { document.body.style.backgroundColor = '#333'; }else { document.body.style.backgroundColor = '#fff'; } })
@code-with-Bharadwaj 15 күн бұрын
Please Ignore the audio issue for this particular video!
@KhushiRaj-mj9mo 24 күн бұрын
Still we didn't get any answer
@code-with-Bharadwaj 24 күн бұрын
May I know what's the answer you are looking for ?!
@KhushiRaj-mj9mo 23 күн бұрын
In console, url is not defined is written
@code-with-Bharadwaj 23 күн бұрын
@@KhushiRaj-mj9mo : somewhere you would have missed something ! Check from the scratch or check the particular function! Happy coding 👆👍
@TradeWithNaveen181 Ай бұрын
WTF is that music, distracting......
@DAMMMITimFLY Ай бұрын
I notice the restaurant-map & restuarant-image classes in your stylesheet but can't find where they are assigned, did you do anything with those or are they unused classes?
@DAMMMITimFLY Ай бұрын
Hi, could you post your code for this somewhere and link it in the description please?
@code-with-Bharadwaj Ай бұрын
@@DAMMMITimFLY : I have mentioned the GitHub in my description & you can search for the same as title name in GitHub. In my opinion try to do it from the beginning and you will understand it better. Happy Coding !
@DAMMMITimFLY Ай бұрын
@@code-with-Bharadwaj Yes that is what I did. I skipped the CSS part, but have the HTML & JS but not returning any results yet. I thought I'd be able to get results without doing the CSS (it would return results in an unstyled HTML page). But perhaps the CSS plays a part in the functionality here.
@DAMMMITimFLY Ай бұрын
@@code-with-Bharadwaj Oh duh its not going to return, I don't have the styling to create the cards.... And I forgot to link my JS to my HTML in the script tag.
@zanefalcao3230 2 ай бұрын
// My solution var topKFrequent = function(arr, k) { let map = new Map(); for(let i=0; i<arr.length; i++){ if(map.has(arr[i])){ map.set(arr[i], map.get(arr[i]) + 1); } else { map.set(arr[i], 1); } } let sortedArray = Array.from(map).sort((a, b) => b[1] - a[1]); let ans = []; for(let i=0; i<k; i++){ ans.push(sortedArray[i][0]); } return ans; };
@kaustubhnegi1838 2 ай бұрын
Is it recommended to start cp with js , coz I was planning to do so.
@code-with-Bharadwaj 2 ай бұрын
@@kaustubhnegi1838 : It's true that resources are often limited in comparison, and C++ tends to be preferred due to its speed and efficient memory usage. That said, the choice of language is ultimately yours. If you're considering alternatives, JavaScript or Node.js can certainly be strong options. Personally, I prefer JavaScript over Python and Java for its versatility and modern ecosystem. Happy coding!
@code-with-Bharadwaj 2 ай бұрын
Please ignore the audio issues for this problem :)
@GAMEOVER-sp4gk 2 ай бұрын
Sir I am lagging in dp(like backtracking) ..could you please help me sir
@code-with-Bharadwaj 2 ай бұрын
@@GAMEOVER-sp4gk I lag a lot too that's why I practice. The more you debug the better you get 🙂 Happy coding !
@code-with-Bharadwaj 2 ай бұрын
Please ignore the audio issues for Problem 21 & Problem 22.
@code-with-Bharadwaj 2 ай бұрын
Please ignore the audio issues for Problem 21 & Problem 22.
@code-with-Bharadwaj 2 ай бұрын
Please Ignore the Audio Issue for this one Particular Problem.
@andhikaperdana1638 3 ай бұрын
can i have full code ?
@code-with-Bharadwaj 3 ай бұрын
Just follow the video. You will get the whole code ! Keep coding 🙂
@chintapramodkumarreddy7281 3 ай бұрын
Please share GitHub link for this
@RussianPsysoft 3 ай бұрын
Brilliant solution, thanks for sharing!
@code-with-Bharadwaj 3 ай бұрын
@@RussianPsysoft : Glad you found the solution useful . Keep coding !
@MR-ww8ce 4 ай бұрын
Hey, you just go for solution, but don't explain the logic behind the solution, seems like just memorized the solution, there is very few DSA channel with javascript, i think if you explain, how to approach a problem then, it will be very useful.
@code-with-Bharadwaj 4 ай бұрын
For some problems I have explained initially how to approach and for some problems I have explained after writing the code whichever way I felt easy ! But I will keep your words in mind !
@hamudxd9497 4 ай бұрын
I will follow your series DSA WITH JAVASCRIPT but if langauge is Hindi
@code-with-Bharadwaj 4 ай бұрын
@@hamudxd9497 I wish I knew Hindi. I can sing Hindi songs for sure but surely I can't teach in Hindi. I can teach either in English or in Kannada ! 🙂
@hamudxd9497 4 ай бұрын
@@code-with-Bharadwaj Ok Keep it up
@hamudxd9497 4 ай бұрын
Sir Agar hindi mai possible ho best hoga
@Asyedabdulrahman33 4 ай бұрын
your content was so in-depth. keep it up. Definitely your channel is going to be successful because no one was there in dsa with js
@code-with-Bharadwaj 4 ай бұрын
Keep Coding
@Asyedabdulrahman33 4 ай бұрын
we want more video like this
@Asyedabdulrahman33 4 ай бұрын
hey bro, you are doing great.
@preetsinghwal5646 4 ай бұрын
Great content. I was searching for DSA in Javascript. Just one thing, explain the solution as well by voice, that's more interactive. You got a new subscriber
@code-with-Bharadwaj 4 ай бұрын
@@preetsinghwal5646 Thanks and please do check the new playlist if you need an explanation in voice. Keep coding cheers 🙂
@preetsinghwal5646 4 ай бұрын
@@code-with-Bharadwaj I checked it, you are explaining it very well. Keep up the good work going.
@code-with-Bharadwaj 4 ай бұрын
The Time Complexity is O(log n) and I had mistakenly typed O(n) at the end. 🙂
@code-with-Bharadwaj 4 ай бұрын
I meant the space complexity of the problem would be O(n) not the time complexity of the space complexity is O(n). Please ignore that sentence. :)
@COD_MW007 4 ай бұрын
Bro, I want to become a java backend web developer but for that I need guidance. Can you help me? Right now, I know the fundamentals and basics of Java, the only portion left for me to master is collections framework, multithreading and stream api, I am working on it side by side, also I have started learning jdbc, MySQL and hibernate framework so that I can interact with the db and then I am planning to also learn servlets and jsp and then proceed to springboot. Is my plan correct, am I leaving something and how should I proceed further??
@code-with-Bharadwaj 4 ай бұрын
@@COD_MW007 : carry on with what you are learning ! 🙂
@priyankjakharia6798 5 ай бұрын
thanks mate
@code-with-Bharadwaj 5 ай бұрын
@@priyankjakharia6798 : Keep Coding !
@pytannie 5 ай бұрын
Thank you..... this is so cool and the tutorial is easy to follow😇
@code-with-Bharadwaj 5 ай бұрын
Glad you found it useful ! Keep Coding
@Jalajasastry 5 ай бұрын
Awesome 🎉🎉🎉
@s.ksunny602 5 ай бұрын
❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
@s.ksunny602 5 ай бұрын
First reviwe what to do your project work designe after your code started ❤❤❤❤❤
@code-with-Bharadwaj 5 ай бұрын
@@s.ksunny602 what do you mean ?! I didn't get you ?
@code-with-Bharadwaj 5 ай бұрын
One more thing in HTML ( Forgot to mention ) is to move the span tag inside the label tag. That was one more wrong thing! Please correct it or else you won't see the hamburger icon and also toggle🙂
@SatSTAR0 5 ай бұрын
any other API which works for hindi songs as well?
@code-with-Bharadwaj 5 ай бұрын
I don't know. There are paid API's that I know. But do not know about the free API. I should research on it! Keep Coding! 🙂🙂
@s.ksunny602 6 ай бұрын
wow sir ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤😮😮😮😮😮😮😮😮😮 🙏🙏🙏🙏🙏 thank you
@code-with-Bharadwaj 6 ай бұрын
Keep Coding !
@s.ksunny602 6 ай бұрын
wow sir unbilevable ❤❤❤❤❤❤
@code-with-Bharadwaj 6 ай бұрын
Please ignore the Logo for this one Particular Video!
@yaminiyam0326 6 ай бұрын
Happy to see 100 Subscribers🤩 More success to you
@s.ksunny602 6 ай бұрын
awosome sir wowwwwwwww
@code-with-Bharadwaj 6 ай бұрын
Glad you found it useful. Keep coding ! 👍
@DeveloperLinux-c3m 6 ай бұрын
it will be better if you show the browser too, to see changes while applying style
@code-with-Bharadwaj 6 ай бұрын
From the next video I will 👍
@DeveloperLinux-c3m 6 ай бұрын
@@code-with-Bharadwaj This project is excellent bro keep it going, all the best
@Wake_up_to_reality_143 6 ай бұрын
keep coding bro❤❤
@code-with-Bharadwaj 6 ай бұрын
🤍
@code-with-Bharadwaj 6 ай бұрын
Approach: Greedy Time Complexity: O(n) Space Complexity: O(m)
@code-with-Bharadwaj 6 ай бұрын
Approach: Hash Map with Mathematical Reduction Time Complexity: O(n) Space Complexity: O(n)
@code-with-Bharadwaj 6 ай бұрын
Approach: Sliding Window Time Complexity: O(n) Space Complexity: O(1)
@EzraSchroeder 6 ай бұрын
Great great great video--love it!!!
@code-with-Bharadwaj 6 ай бұрын
Glad you found it useful!
@code-with-Bharadwaj 6 ай бұрын
Approach: Breadth-First Search (BFS) Time Complexity: O(n) Space Complexity: O(n)
@code-with-Bharadwaj 6 ай бұрын
Approach: Linear Search with Counting Time Complexity: O(n^2) Space Complexity: O(1)
@code-with-Bharadwaj 6 ай бұрын
Approach: Memoized Dynamic Programming Time Complexity: O(n) Space Complexity: O(n)
@code-with-Bharadwaj 6 ай бұрын
Approach: Greedy Time Complexity: O(√n) Space Complexity: O(1)
@IsraelThomas-fv3od 6 ай бұрын
havent watched the video yet cause its 40 minutes but does this random cat generator go through images on google or do i have to download a bunch of cat pictures and put them on here?
@code-with-Bharadwaj 6 ай бұрын
I have used 2 different API's to display cat & dog images.