Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Javascript Articles
Page 142 of 534
How to Draw Smooth Curve Through Multiple Points using JavaScript?
In this article, we will learn how to draw smooth a curve through multiple points using JavaScript with the help of canvas browser API and HTML element. When it comes to visualizing data or creating interactive graphics on the web, drawing smooth curves through multiple points can greatly enhance the aesthetics and readability of the information. Let’s understand how to implement this with the help of some examples. Example 1 In this example, we will leverage the concept of Brazier Curves which are defined by a set of control points to draw a smooth curve passing through them. We will ...
Read MoreHow to display a warning before leaving the web page with unsaved changes using JavaScript?
In this article, we will learn how to display a warning message before leaving the web page with unsaved changes using javascript with the help of the “beforeunload” event listener. When working on web applications or forms of any kind, it becomes necessary to provide a warning message to users before they leave a page with unsaved changes. This can prevent accidental data loss and improve the overall user experience. Let’s understand how we can implement this with the help of some examples − Example 1 In this example, we will have a form with multiple input elements and ...
Read MoreHow to display errors without an alert box using JavaScript?
In this article, we will learn how to display errors inline on a page and without an alert box using javascript with the help of innerHTML and textContent properties of HTML DOM elements. While alert boxes can be useful for displaying errors to users, they can be disruptive and interrupt the user experience. A more elegant solution is to display errors inline on the page. Let’s understand how to achieve the above result with the help of 2 approaches Approach 1 In this approach, we will use the innerHTML DOM element property to display the error message inline in ...
Read MoreHow to disable button element dynamically using JavaScript?
In this article, we will learn how to disable button HTML elements dynamically using javascript, with the help of the “disabled” attribute. The “disabled” attribute in HTML button elements accepts a boolean value (true or false), and depending on the value, it disables the button and makes it non-functional, i.e., not clickable. We can use this attribute to disable any button in HTML by setting the “disabled” attribute to “true”. Syntax Disabled Button Let’s understand this with the help of some examples − Example 1 In this example, we will disable a button element by passing the “disabled” attribute ...
Read MoreHow to record and play audio in JavaScript?
Are you also willing to add a custom audio recording feature to your web application? If yes, you are in the right place, as we will learn to record and play audio using JavaScript in this tutorial. Some applications like Discord allow you to record the audio and store it inside that to play it anytime. The recorded audio can also be used as a meme for fun, alerts in the discord meetings, etc. We can also use the mediaRecorder API of JavaScript to add the recording audio feature to our web application. Here, we will learn a step-by-step guide ...
Read MoreHow to prevent overriding using Immediately Invoked Function Expression in JavaScript?
JavaScript allows developers to add functionality and behaviors to the web page. Developers require to create multiple functions and variables to add functionality to different parts of the web page. While developing real-time applications, multiple developers work on the same project. So, avoiding the unintentional overriding of functions and variables while collaborating with multiple developers is necessary. In this tutorial, we will learn to prevent overriding using immediately invoked function expressions. Problem of Overriding For example, two colleagues are working on the same project, and both have defined the printAge() function inside the code and merged the code. Now, the ...
Read MoreWeb Components: Building Custom Elements with JavaScript
Web components are a powerful tool for building reusable and encapsulated UI elements in web applications. They allow developers to create custom elements with their own markup, style, and behavior, which can be easily reused across different projects and shared with other developers. In this article, we will explore the fundamentals of web components and learn how to build custom elements using JavaScript. What are Web Components? Web components are a set of web platform APIs that allow you to create reusable, encapsulated, and composable UI elements. They consist of three main specifications: Custom Elements, Shadow DOM, and HTML Templates. ...
Read MoreWeb Assembly (Wasm) with JavaScript
Have you ever wondered if it's possible to run high-performance applications on the web without sacrificing the portability and security that JavaScript provides? Well, wonder no more! With the introduction of WebAssembly (Wasm), it is now possible to bring native-like performance to web applications while still leveraging the power of JavaScript. In this article, we will explore the basics of WebAssembly and how it can be used alongside JavaScript to unlock a new world of possibilities. What is WebAssembly (Wasm)? WebAssembly, often referred to as Wasm, is a binary instruction format designed specifically for web browsers. It is a low-level ...
Read MoreRobotics: Building Autonomous Robots with Raspberry Pi and JavaScript
In recent years, the world of robotics has seen a significant shift towards open-source technologies and platforms. One such platform that has gained immense popularity is Raspberry Pi, a small and affordable single-board computer. Coupled with the power and versatility of JavaScript, developers can now embark on exciting journeys into the world of robotics. In this article, we will explore how to build autonomous robots using Raspberry Pi and JavaScript, diving into code examples, explanations, and their output. Setting Up Raspberry Pi Before we delve into the realm of JavaScript robotics, it is essential to set up our Raspberry Pi ...
Read MoreParallel Programming in JavaScript with Web Workers and SIMD.js
JavaScript is a versatile programming language that runs on the client-side as well as the server-side. Traditionally, JavaScript executed tasks in a single-threaded manner, which limited its ability to handle computationally intensive operations efficiently. However, with advancements in web technologies, parallel programming in JavaScript has become possible through the use of Web Workers and SIMD.js. This article aims to introduce parallel programming concepts in JavaScript, focusing on Web Workers and SIMD.js, along with code examples to illustrate their usage. Understanding Parallel Programming Parallel programming involves dividing a task into smaller subtasks that can be executed concurrently, thereby utilising multiple resources ...
Read More