JavaScript Tutorial: Events & Listening to Events | Web Development Tutorials #57

JavaScript Tutorial: Occasions & Listening to Occasions | Net Improvement Tutorials #57

by



► Supply Code & Notes: https://codewithharry.com/movies/web-development-in-hindi-57
►This video is part of this Full Net Improvement in Hindi Course Playlist: https://www.youtube.com/playlist?record=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg
►Click on right here to subscribe – https://www.youtube.com/channel/UCeVMnSShP_Iviwkknt83cww
►Checkout my English channel right here: https://www.youtube.com/ProgrammingWithHarry

Greatest Hindi Movies For Studying Programming:

►Study Python In One Video – https://www.youtube.com/watch?v=ihk_Xglr164

►Python Full Course In Hindi – https://www.youtube.com/playlist?record=PLu0W_9lII9agICnT8t4iYVSZ3eykIAOME

►C Language Full Course In Hindi –
https://www.youtube.com/playlist?record=PLu0W_9lII9aiXlHcLx-mDH1Qul38wD3aR&disable_polymer=true

►JavaScript Full Course In Hindi –
https://www.youtube.com/playlist?record=PLu0W_9lII9ajyk081To1Cbt2eI5913SsL

►Study JavaScript in One Video – https://www.youtube.com/watch?v=onbBV0uFVpo

►Study PHP In One Video – https://www.youtube.com/watch?v=xW7ro3lwaCI

►Django Full Course In Hindi –
https://www.youtube.com/playlist?record=PLu0W_9lII9ah7DDtYtflgwMwpT3xmjXY9

►Machine Studying Utilizing Python – https://www.youtube.com/playlist?record=PLu0W_9lII9ai6fAMHp-acBmJONT7Y4BSG

►Creating & Internet hosting A Web site (Tech Weblog) Utilizing Python – https://www.youtube.com/playlist?record=PLu0W_9lII9agAiWp6Y41ueUKx1VcTRxmf

►Superior Python Tutorials – https://www.youtube.com/playlist?record=PLu0W_9lII9aiJWQ7VhY712fuimEpQZYp4

►Object Oriented Programming In Python – https://www.youtube.com/playlist?record=PLu0W_9lII9ahfRrhFcoB-4lpp9YaBmdCP

►Python Knowledge Science and Large Knowledge Tutorials – https://www.youtube.com/playlist?record=PLu0W_9lII9agK8pojo23OHiNz3Jm6VQCH

Observe Me On Social Media
►Web site (created utilizing Flask) – http://www.codewithharry.com
►Fb – https://www.fb.com/CodeWithHarry
►Instagram – https://www.instagram.com/codewithharry/
►Private Fb A/c – https://www.fb.com/geekyharis
Twitter – https://twitter.com/Haris_Is_Here

source

31 thoughts on “JavaScript Tutorial: Occasions & Listening to Occasions | Net Improvement Tutorials #57”

  7. Thank you ..Everything is top-notch except for one little thing. The music at the end is very jarring . Just so this can be kept in mind for future tutorial videos. Once again, thanks a ton for this beneficial course.

    Reply

  15. My task have been completed Please check it: //Miniprogram of javascript

    let promAge = prompt("What is your age");

    if(promAge >= 18){

    alert("You are allow inside the clerk");

    }

    else{

    alert("Do cannot allow");

    }

    Reply

  16. In lecture 54 Harry Bhaiya gave a question (quiz) at 10:12– link – https://www.youtube.com/watch?v=pdqXYAe1kKA&list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg&index=54&ab_channel=CodeWithHarry
    I tried that whatever I learned from that lecture, and that was something like –
    if (age>18){

    console.log("Congrats!!!! You're the part of the club now…");

    }
    else {

    console.log("Sorry folk come back when your are 18 or above we're waiting");

    }
    I also checked the comments to confirm my answers provided by other fellow leaners and I found it similar. But in any way I couldn't make sure that – If age <18, no content of the website to be shown. By pressing ok after entering any value, we could enter the site anyways, however the response was indeed getting displayed in js console of chrome browser. But with little experiment and whatever Harry Bhaiya taught especially in this lecture I re-wrote the code, this time its working as per the requirement 😃
    <body>

    <div id = "content" class="container">

    <h1>Welcome to Our Website &#128512;</h1>

    <p id = para>

    <h2>This is some content that only users above 18 can see.</h2>

    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Distinctio accusamus cumque, saepe quo vel, iste voluptas nostrum nihil officia dolor quos id quae repellat expedita eaque unde neque aspernatur excepturi temporibus. Commodi, quam eos minus hic, ullam necessitatibus corporis est inventore cum placeat excepturi nemo velit cupiditate. Placeat, hic temporibus? Dolorum quibusdam consectetur temporibus. Reiciendis odio exercitationem, deserunt accusantium quae quia accusamus labore quidem enim et nihil dignissimos voluptatum consequuntur omnis sapiente quo repellat assumenda, excepturi impedit optio id? Ab, id consequuntur animi fugit ullam et fuga iste delectus quaerat! Rerum commodi non architecto voluptatem, est qui recusandae aperiam hic?

    </p>

    </div>

    <script>

    let age = prompt('Please enter your age:');

    let content = document.getElementById('content');

    if (age>18){

    content.style.display = 'block';

    }

    else{

    alert('Sorry, you must be 18 or older to view this content.');

    content.style.display = 'none';

    }

    </script>

    </body>
    (I am a beginner in this topic, learning whatever is being taught here, thought to share this, open for more improvements, suggestions and discussions to make it better and contentful )😊

    Reply

  22. whats wrong in this code!

    let para = document.getElementById("para")

    let btn = document.getElementById("btn")

    btn.addEventListener("onclick", function hide(){

    if(para.style.display != "none"){

    para.style.display = "none"

    }

    else{

    para.style.display = "block"}

    });

    Reply

  31. kya ye code correct hai?
    let para = document.getElementsByClassName("para");
    para.style.display = 'none';
    (if para is a class and it can contain multiple para)

    Please help….🙏🙏🙏
    I am getting error 🥲

    Reply

Leave a Comment