Naresh Devineni

Inside a particular file, Javascript doesn't care where you declare your custom functions. Let me elaborate. We have worked on creating two components so far: 1. Modal 2. Accordion 1) Modal function showModal(){ let discountModal = document.querySelector("#surprise-discount-modal"); discountModal.style.display = "block"; } let showModalButton

In the last lesson, we set up the foundations for implementing the accordion functionality. And here is the progress we have made so far: But when we click on the Accordion header, nothing happens. We want to open or close the accordion when its header is clicked. To achieve it,

Now that you have a basic understanding of event listeners and handlers, it becomes easy for you to start coding components in Javascript really fast. As proof, we will code functionality for the Accordion component really fast. This project will span several lessons. Along with cementing your understanding of the

If not already, I want you to realize a very important characteristic of event listeners in Javascript. And that is, once we attach an event listener to a particular HTML element, we can keep listening to events generated on that particular element. Repeatedly. 💡Of course, if we want to, we

In the last lesson, we were able to successfully reveal the modal when the "Unlock your surprise" button is clicked. But there is one problem with this modal functionality. If you notice the modal, there is a "close" button. But when we click on it, the

In programming, event listening simply means waiting for something to happen so that we can do something. For example, we want to listen to the "click" events on the "Unlock your surprise" button so that we can reveal the modal with a discount coupon. And a