Vivek Verma

Vivek Verma

84 Articles Published

Articles by Vivek Verma

84 articles

Create a Calculator using HTML, CSS, and JavaScript

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 103K+ Views

To create a calculator using HTML, CSS, and JavaScript, we need to have basic understanding of working of HTML, CSS and JavaScript. Calculator is a simple tool which performs basic arithmetic calculations like Addition, Subtraction, Multiplication and Division. In this article, we are going to discuss how to create a Calculator using HTML, CSS, and JavaScript. Usually, if we observe any real-time calculator we know that it has: A grid of numbers (0-9 and 00). Basic arithmetic operators (+, -, /, x, %). Some symbols for ...

Read More

Add number strings without using conversion library methods in JavaScript

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 299 Views

We are required to write a JavaScript program that adds two numbers represented as strings, without using any conversion library or built-in methods. For example, If the input number strings are '11' and '23', the output should be '34'. In JavaScript, a number is considered a string-represented number when the number is enclosed in single quotes ('number') or double quotes ("number"). For example: '123' or "456". If you use the typeof operator on such values, it will return the type as 'string'. Here are a few input and output scenarios that provide a better understanding of the given ...

Read More

Achieving maximum possible pair sum in JavaScript

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 281 Views

The maximum possible pair sum is a traditional problem in Data Structures and Algorithms (DSA). In this problem, we calculate the sum of two elements (i.e., pairs) in an array such that the resulting sum is the maximum among all possible pair sums. For example, we have an array [1, 2, 3, 4]. The sum of the pair (3, 4) is 7, which is the maximum among all pair sums in the given array. Problem Statement We have given an array named nums[], and our task is to write a JavaScript program to achieve the maximum possible ...

Read More

Write a number array and using for loop add only even numbers in javascript?

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 2K+ Views

In JavaScript, you can iterate through a number array and add only the even numbers using various loop methods. An even number is any integer that is divisible by 2, meaning when divided by 2, the remainder is 0. What are Even Numbers? Even numbers are integers that can be divided by 2 without leaving a remainder. We can check this using the modulo operator (%): if(number % 2 == 0) { // Number is even } Using for Loop The for loop is the most common way to iterate ...

Read More

How to add an element to a JavaScript object?

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 75K+ Views

In JavaScript, objects are real-time entities that contain properties and methods. Objects store data in key-value pairs, where keys are called properties and values are called property values. There are multiple ways to add new properties to existing JavaScript objects. Let's explore the most common approaches. Object Creation Syntax var obj = new Object(); Or using object literal syntax: var obj = {property1: value1, property2: value2}; Using Dot (.) Operator The dot operator is the most common way to add properties to JavaScript objects. It acts as a connector ...

Read More

Add a method to a JavaScript object constructor?

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 3K+ Views

In JavaScript, adding a method (function) to a constructor is different from adding a method to a regular object. To add a method to a constructor, we need to define it inside the constructor or in its prototype (using which JavaScript objects inherit features from one another). We can create an object in the following ways in JavaScript: Using the function Constructor (older way): function person(){ } const p = new person(); Using ES6 Class Syntax (i.e., modern way): class person{ constructor(){} } const p = new person(); ...

Read More

Add elements to a Queue using Javascript

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 497 Views

In JavaScript, there is no built-in queue data structure like other programming languages. However, you can implement a queue using an array object and perform operations like push() to add elements at the end and shift() to remove the first element. The following diagram illustrates the queue data structure and its FIFO (First In, First Out) principle: 10 20 30 40 ...

Read More

JavaScript Convert an array to JSON

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 2K+ Views

An array is a special object in JavaScript that stores multiple types of values, including integers, strings, and floats simultaneously. JSON (JavaScript Object Notation) is a lightweight data format used to represent structured data, commonly used for transmitting data between servers and web applications. In this article, we'll explore how to convert a JavaScript array into JSON format using the JSON.stringify() method. Understanding JSON.stringify() The JSON.stringify() method converts a JavaScript value or object into a JSON string. Since arrays are objects in JavaScript, we can pass an array as an argument to this method. Syntax ...

Read More

Adding default search text to search box in HTML with JavaScript?

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 603 Views

A default search text is a text that provides suggestions or a hint of what to search for in the search (input) box. Following is an illustration of a search box, where you can observe a default search text "Search your favorite tutorials…": Search your favorite tutorials... The above default search text will suggest to visitors that they can search for their favorite tutorial, which they want to read or open on the website. HTML placeholder Attribute In HTML, the text that appears inside a ...

Read More

How to toggle between a like/dislike button with CSS and JavaScript?

Vivek Verma
Vivek Verma
Updated on 15-Mar-2026 2K+ Views

Creating a toggle between like and dislike buttons is a common interactive feature on websites. This article demonstrates how to implement this functionality using HTML, CSS, and JavaScript with Font Awesome icons. HTML Structure The HTML file creates the basic structure with a button containing a thumbs-up icon and display elements for both like and dislike states. Toggle Toggle between a like/dislike button with CSS and JavaScript? ...

Read More
Showing 1–10 of 84 articles
« Prev 1 2 3 4 5 9 Next »
Advertisements