admin

In this section, you will learn about class methods and class properties of JavaScript. Usually, the properties and methods are for objects, however, JavaScript has properties and methods for class also.There are some properties and methods that only belong to class.For example: counting the number of objects created by the classRules for Class Properties and … Read more

In this article, you will learn about ECMAScript which is a standard for JavaScript. We will only learn about the current ES5 and ES6 features such as JavaScript classes.When objects are of same type then we want class. But , ES5 only has constructors. For exampleNow, if we want to create objects using the constructor.Some … Read more

In this article, you will learn about JavaScript object in more details. All the previous examples have one or two objects created. Now we will look at more complex construct.JavaScript objects are like arrays . You can access them like arrays using index. However, the index is its property.For example:How many ways to define the … Read more

HTML 5 geolocation API is very popular method to get access to location of user if the user browser supports geolocation feature.It uses various techniques to get the location information GPS, GSM/3G triangulation, Wifi, IP address, etc. Consider the following code that find location of user in terms of latitude and longitude.JavaScript CodeImportant features: Navigator … Read more

In this article, you will learn about the HTML 5 video and audio element. You will also learn how to control audio and video elements through JavaScript code.You can add audio or video file in HTML 5 with special elements. <audio>…</audio> <video>…</video> How to add video in HTML 5 document?Use the following syntax:View in Codepen … Read more

In this article, you will be learning about the DOM API and the selector API.Consider the following image of Mozilla developer console.Every element in the DOM (document object model) has a number of APIs. The JavaScript will use those APIs to change the behavior or appearance of an HTML element.HTML 5 offers some selector API … Read more

In this article, you will learn about the mouse events and its associative properties and how JavaScript handles mouse events.Here is the table of events related to mouse. Mouse events Description click Press a button element dblclick Double click a button element mousedown Press the mouse button mouseup Release the mouse button mousemove Mouse pointer … Read more

In this article, you will learn about various JavaScript keyboard events.There are events from keyboard also,Those events are Keydown Keyup Keypress The key is the character in the language and keycode is the code for the character.For example.<span style=”color:#e71111″ class=”tadv-color”>Event.key = Shift</span> means it is referring to Shift key.<span style=”color:#e9250b” class=”tadv-color”>Event.keyCode = 16 </span>referring to … Read more

In this article, we will look at page events and how JavaScript handle those events.Load EventJavaScript can check the page level events such as load. Once the DOM tree is ready, we can call the HTML elements and manipulate them.For example:The above example checks for page load to happened and then output = LOADED.Page Resize … Read more

Events are clicks, key press, or mouse moves. Timing and order of event cannot be predicted. Browser puts it in a queue of events, looks for event listeners and then the correct type of event is called.You can add event listener in different ways.Method #1Method #2Method #3Method #4Method #5Event ObjectThe event object is passed through … Read more