👀Element appear event.
-
Updated
May 24, 2024 - TypeScript
👀Element appear event.
Here is a tiny application with quite some verbose code because I wanted to practice what I learned and use different alternatives related to JavaScript and DOM traversal. Indeed, I used most of the crucial fundamentals needed to work with elements and manipulate a page whilst it's running in the browser.
Very Popular modal-window is designed with raw JavaScript code. We can close the Popup-window clicking the (x) button or pressing the 'Esc' key from Keyboard. It's really fun to build. Happy Coding!
A fun 'Guess-My-Number' game is designed with JavaScript. JavaScript DOM Manipulation is applied here with 'querySelector', 'addEvenListener' and more.
Learning how to create a carousel of reviews with a button that generates random reviews. Based on John Smilga's js course
Learning how to create tabs that will display different content which is useful when creating single page applications. Based on John Smilga's js course
Learning how to create a modal window which is used on websites to get users to do or see something specific. Example being you can create a modal window that warns them to save their changes or else that information will be lost. Based on John Smilga's js course
Learning how to create a sidebar with animation. Based on John Smilga's js course
Learning how to create a counter and write conditions that change the color based on positive or negative numbers displayed. Based on John Smilga's js course
Learning how to make a video background with a play and pause feature. This is a common feature found in a lot of websites. Based on John Smilga's js course
Learning how to create a responsive navbar that will show the hamburger menu for smaller devices. Based John Smilga's js course
Learning how to create a random background color changer. This is a good project to get you started working with the DOM. Based on John Smilga's js course
Learning how to build an image slider that you can add to any website. Based on John Smilga's js course
Learn Form Validation by Building a Calorie Counter. JavaScript Algorithms and Data Structures. How to validate user input, perform calculations based on that input and dynamically update the interface. Use of regular expressions, template literals, the addEventListener() method and more.
Learning how to create a frequently asked questions page which educates users about a business and drives traffic to the website through organic search results. Based on John Smilga's js course
Add a description, image, and links to the add-event-listener topic page so that developers can more easily learn about it.
To associate your repository with the add-event-listener topic, visit your repo's landing page and select "manage topics."