► Source Code & Notes: https://codewithharry.com/videos/web-development-in-hindi-57
►This video is a part of this Complete Web Development in Hindi Course Playlist: https://www.youtube.com/playlist?list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg
►Click here to subscribe – https://www.youtube.com/channel/UCeVMnSShP_Iviwkknt83cww
►Checkout my English channel here: https://www.youtube.com/ProgrammingWithHarry
Best Hindi Videos For Learning Programming:
►Learn Python In One Video – https://www.youtube.com/watch?v=ihk_Xglr164
►Python Complete Course In Hindi – https://www.youtube.com/playlist?list=PLu0W_9lII9agICnT8t4iYVSZ3eykIAOME
►C Language Complete Course In Hindi –
https://www.youtube.com/playlist?list=PLu0W_9lII9aiXlHcLx-mDH1Qul38wD3aR&disable_polymer=true
►JavaScript Complete Course In Hindi –
https://www.youtube.com/playlist?list=PLu0W_9lII9ajyk081To1Cbt2eI5913SsL
►Learn JavaScript in One Video – https://www.youtube.com/watch?v=onbBV0uFVpo
►Learn PHP In One Video – https://www.youtube.com/watch?v=xW7ro3lwaCI
►Django Complete Course In Hindi –
https://www.youtube.com/playlist?list=PLu0W_9lII9ah7DDtYtflgwMwpT3xmjXY9
►Machine Learning Using Python – https://www.youtube.com/playlist?list=PLu0W_9lII9ai6fAMHp-acBmJONT7Y4BSG
►Creating & Hosting A Website (Tech Blog) Using Python – https://www.youtube.com/playlist?list=PLu0W_9lII9agAiWp6Y41ueUKx1VcTRxmf
►Advanced Python Tutorials – https://www.youtube.com/playlist?list=PLu0W_9lII9aiJWQ7VhY712fuimEpQZYp4
►Object Oriented Programming In Python – https://www.youtube.com/playlist?list=PLu0W_9lII9ahfRrhFcoB-4lpp9YaBmdCP
►Python Data Science and Big Data Tutorials – https://www.youtube.com/playlist?list=PLu0W_9lII9agK8pojo23OHiNz3Jm6VQCH
Follow Me On Social Media
►Website (created using Flask) – http://www.codewithharry.com
►Facebook – https://www.facebook.com/CodeWithHarry
►Instagram – https://www.instagram.com/codewithharry/
►Personal Facebook A/c – https://www.facebook.com/geekyharis
Twitter – https://twitter.com/Haris_Is_Here
source
nice explaination
Thank You Sir 😊
Triggers aur events diffrent ?
Appriciated!
for notes: https://docs.google.com/document/d/1lLt7v5iyHeHNHfqolbexBeCJcH2uueMLi0YZBLjUwwQ/edit?usp=sharing
Thak you so much
your html and css videos were good but in js you have not explained properly. I am not satisfied with the functions and DOM videos and though I was not gonna write it but this video too is just telling that event krk kuch hota h, not at all clear with how event works
Didnt know Carryminati can code
Harry Bhaiyaa why the same code does not run when I use CLASS NAME instead of ID.
This video is best of this course
Great video!
looking Difficult . I will Do it Inshallah
ofcourse
thanku sir
why you write id.style.display = "none";
this topic is little bit difficult.
DAY 5 : 6th Jan 2023
Harry Bhai ❤
By the way JavaScript is little bit difficult for me to learn
By the way JavaScript is little bit difficult for me to learn
Thanks brother
udemy
harry bhai meri error aarahi …
1 Uncaught ReferenceError: para is not defined
at <anonymous>:1:1
(anonymous)
hahah great sir
it was very difficult for me to understand. did you feel the same as compared to other tutorials?
Good
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Js Events</title>
</head>
<style>
#btn {
padding: 10px 14px;
color: white;
background-color: black;
border: 2px solid white;
border-radius: 20px;
font-weight: bolder;
cursor:pointer;
}
</style>
<body>
<div class="container">
<h1>This is my heading</h1>
<p id="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Est ullam iste labore atque fugit nam
temporibus
voluptatibus voluptas, quod laborum quis natus, saepe, odio autem quae. Quisquam vel quis optio harum, ullam
obcaecati nam tempore sint in reprehenderit alias neque fuga aperiam, ipsam amet minus cumque asperiores
doloremque similique. Corporis veniam odio dicta illo quod sequi maiores quia et labore recusandae
voluptatibus alias, laborum quidem quam odit harum ipsam repellat ipsa quasi veritatis laudantium maxime,
aspernatur aliquam! Ratione accusamus molestias qui rem vel sunt sed eum, non illo inventore ex quae
explicabo recusandae magni, adipisci voluptatibus pariatur, blanditiis sapiente necessitatibus. Vel et ex
non praesentium vitae tempore voluptatum deleniti ipsum aut autem. Voluptates cumque sed quidem aperiam enim
neque cupiditate eveniet sunt ipsa accusantium, sit similique beatae incidunt. Dolorem quasi vitae
consequuntur alias, vel saepe fugit ipsum ipsam officia odio, iure mollitia harum porro explicabo. Dolorem
dignissimos unde optio nam earum corrupti labore perspiciatis libero debitis, aliquam beatae rerum rem,
totam sapiente expedita aperiam. Necessitatibus dolore fuga enim perferendis accusamus tempora aut odio,
assumenda laudantium nulla hic quod accusantium, eveniet mollitia veritatis corrupti magni rerum autem?
Doloremque quasi perspiciatis autem consectetur magnam sed tempore animi corporis eaque pariatur nostrum
numquam culpa, quod magni nam quia, odit, deleniti neque et quas nulla illo exercitationem sequi!
Voluptatum, itaque nesciunt deserunt maxime quisquam dignissimos assumenda repellendus commodi voluptatem
adipisci similique illum aut qui. Nam, quas nulla?</p>
<button id="btn" onclick="togglehide()">hide</button>
</div>
<script>
let para = document.getElementById('para');
para.addEventListener('mouseover',function run(){
console.log('mouse inside');
})
para.addEventListener('mouseout',function run(){
console.log('mouse now went outside');
})
function togglehide() {
let btn = document.getElementById('btn');
let para = document.getElementById('para');
if (para.style.display != 'none') {
para.style.display = 'none';
}
else{
para.style.display = 'flex';
}
if(btn.innerHTML=="hide"){
btn.innerHTML = "show";
}
else{
btn.innerHTML = "hide";
}
}
</script>
</body>
</html>