Mini Lessons

Sign in Subscribe

Learn Javascript

One task, multiple solutions

One task, multiple solutions

In Javascript, it is very common to achieve a task in multiple ways. For example, in the last lesson, on the body tag, we have replaced the no-js class with js class by using the add and remove methods of the classList object. <body class="no-js page-template-home-page"

Task: Detecting if Javascript is enabled

Task: Detecting if Javascript is enabled

Sometimes, we need to check whether Javascript is enabled or not in the browser. We do this to improve the accessibility of the page which relies heavily on Javascript. For example, Gmail detects if Javascript is enabled or not before loading the inbox. Gmail does this because it relies on

Exercise: Show the password

Exercise: Show the password

The Exercise You are now equipped with enough knowledge to change HTML in a basic way. So, let's have a small exercise. We have a login form <!DOCTYPE html> <html lang="en"> <head> <title>Show/Hide Password<

How to change HTML using Javascript

How to change HTML using Javascript

As I said in the last lesson, when you're trying to code anything in Javascript: 1. You need to select an HTML element 2. And then manipulate its attributes or content to achieve the desired interactivity. But what happens when we select an HTML element and how can

The document object: Selecting HTML elements

The document object: Selecting HTML elements

The document object helps us perform actions on the HTML Document (web page). So, if you are trying to code any component in Javascript, you can not do it without using the document object. For example, when you're trying to code anything in Javascript: 1. You need to

The window object

The window object

The console object helps perform actions on the Browser Console. Similarly, the window object has a lot of objects and methods that help us perform actions on the Browser Window. Remember the alert and the prompt functions? Actually, those are the methods of the window object. I am sorry that

The true use of the console.log

The true use of the console.log

In the last lesson, we learned that the console.log method is capable of logging a text message to the Browser Console. The console.log method can also log variables console.log(variableName); To log the value of a variable, all you have to do is provide the variable'