Mini Lessons

Sign in Subscribe

Working with parameters

Task: Disable Right Click using event.preventDefault()

Task: Disable Right Click using event.preventDefault()

Client: Hey Naresh, I want to disable right-click on my web page. Me: Oh, that is bad for the user experience because we should never go against the default behavior that a user expects. It just annoys the website visitors. If they disable Javascript, they can still access the content

Exercise: Integrating event object inside our callbacks

Exercise: Integrating event object inside our callbacks

Consider it as an exercise to help you understand the concept of automatic passing of inputs to our callback functions. If you understand this concept, you have understood the whole concept of passing inputs, be they manual or automatic. Task: Console.log the event object whenever the user clicks on

You can name the input parameters anything you want

You can name the input parameters anything you want

It is important that this lesson doesn't get lost as part of other topics. The thing is, inside a function definition, please remember that input parameters are just placeholder variables whose values change based on the arguments we are passing. And because they are just variables at the

Callback functions and automatic passing of input parameters

Callback functions and automatic passing of input parameters

There are two ways a function can get called in Javascript: 1. Calling a function by ourselves manually 2. The Javascript engine calls the function for us automatically as part of event handling or processing an array. 🛑Ignore the "processing an array" until we reach the "Arrays

Creating a custom function that works with parameters

Creating a custom function that works with parameters

You already know how to create a custom function. For example, during the accordion project, we created the toggleAccordionContent function: function toggleAccordionContent(){ const accordion = document.querySelector(".accordion"); accordion.classList.toggle("is_open"); } Similarly, we created showModal and hideModal functions while working on the modal project: function