Mini Lessons

Sign in Subscribe

Learn Javascript

Understanding statements in Javascript

Understanding statements in Javascript

So, what is a statement in Javascript? A JavaScript program is a sequence of statements, and each statement is an instruction that tells the computer what to do. Here are some examples of statements in javascript. Variable assignment statement const pi = 3.14159265359; In the above statement, we are instructing

Expressions can contain other expressions

Expressions can contain other expressions

Expressions can be part of other expressions. For example: (2 + 3) * 5; //Produces a value of 25 But how does the expression (2 + 3) * 5 produces the value of 25? The answer is simple. When Javascript tries to execute the expression (2 + 3) * 5: 1. It will first execute the

The need for expressions in Javascript

The need for expressions in Javascript

So far, we have been coding simple components: 1. Modal 2. Accordion 3. Off-canvas menu While coding each of those components, we followed a simple execution pattern. That is, "if the button is clicked, then do something". For example, for the modal, if the button is clicked, we

Keeping the performance in mind while selecting the elements manually

Keeping the performance in mind while selecting the elements manually

Here is the final code from the previous lesson: const accountForm = document.querySelector(".account-form"); accountForm.addEventListener("submit", function (event) { // Prevents the default form submission behavior event.preventDefault(); //Select all the fields individually so that you can access their values const fullNameField = document.querySelector("#full-name"

Scenario 2: Get form details after the form submission

Scenario 2: Get form details after the form submission

This is a common but lazy scenario where we provide feedback after the entire form is submitted. This scenario can be achieved in four easy steps: 1. Attach the submit event listener to the entire form element instead of individual fields inside it 2. Once the form is submitted, select

Scenario 1: How to get form details before the submission

Scenario 1: How to get form details before the submission

There are two approaches to access the form data once the user enters them: 1. Access the individual form field values after the entire form is submitted 2. Access the value of an individual form field as soon as it is changed or as the user types in. This approach

Form events in Javascript

Form events in Javascript

The first step in enhancing an HTML form with Javascript is listening to the form-related events. Javascript gives us an opportunity to listen and react to many kinds of form events. Download the project files and work along with me to understand how each form event works. user-registration-form-starter-filesuser-registration-form-starter-files.zip4 KBdownload-circle