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
Articles by Gungi Mahesh
22 articles
How to Change the Background Color after Clicking the Button in JavaScript?
To change the background color after clicking the button in JavaScript, we are going to discuss two different approaches. We have to perform two simple task, that is, adding a click event and changing the background color of the document. In this article our task is to understand how to change the background color after clicking the button in JavaScript. Approaches to Change Background Color on Clicking Button Here is a list of approaches to change the background color after clicking the button in JavaScript which we will be discussing in this article with stepwise explaination and complete example codes. ...
Read MoreHow to change the href value of <a> tag after clicking on button using JavaScript?
The href attribute specifies the link’s destination, which can be a URL or an anchor point within the same document. Changing the attribute value of href which allows us to dynamically update the destination of the link, which can be useful in a variety of situations. Generally, the tag is used to create a hyperlink in HTML. stands for anchor tag, and it is used to link the other web pages or to specify the exact locations within the same page. On the other side, the href attribute is used to specify the link’s destination, which can be ...
Read MoreHow to change the font-weight of a text using JavaScript?
Using JavaScript is one of the most famous ways to change the font-weight of any text on your webpage. We can build interactive applications using JavaScript with HTML elements. Font weight refers to the boldness or thinness of the characters. In this article, we will see how we can change the font-weight of a text using JavaScript. Using the Style fontWeight Property Let us see how can we change the font weight of a single element, such as a paragraph or a heading. To do this, we will use the ‘style.fontWeight’ property of the element. This property is an object ...
Read MoreHow to change font style using drop-down list in JavaScript?
We can use the style fontFamily property to change font style using drop-down list in JavaScript. To make the font change effective using the drop-down list, we can use onchange event when an option is selected in the drop down list. Before we move further, let us know in detail about the drop-down list. A drop-down list is a switchable menu which enables the user to select the one item from a various option. These options can be defined using the HTML code, which are connected to a function. These functions are triggered and starts operating whenever you click or ...
Read MoreHow to change Input box borders after filling the box using JavaScript?
The style.border property is used to change the element’s border, and it returns the three border-bottom properties, i.e., border-color, border-style, and border-width of the element. It is one of the HTML Style Object properties. We use onchange event to make changes effective after filling the box. The onchange is one of the JavaScript attribute and it occurs when the value of an HTML element is changed. It also works with the radio buttons and checkboxes, when the checked state is changed. The onchange event can also work with the HTML element. The onchange event is quite similar to the ...
Read MoreHow to simulate target="_blank" in JavaScript ?
The onclick event occurs only when a user clicks the elements and it is a purely JavaScript attribute. Whenever you click on the onclick event it does some actions like displaying a message or redirects the user another page. The onclick event must be used very less in the website, because it may create the confuse to the users. So, use these event very wisely. The window.open() method is used to open the links or web pages in a new window or tab in the browser. It is supported by all the famous browsers like chrome, firefox, and opera. window.open() ...
Read MoreHow to simulate a click with JavaScript ?
The getElementById() produces an object of element which represents the element whose id attribute matches the provided string. Because element IDs must be unique if supplied, they're a convenient method to rapidly retrieve a single element. Whenever you click on the onclick event it does some actions like displaying a message or redirects the user another page. The onclick event must be used very less in the website, because it may create the confuse to the users. So, use these event very wisely. The ‘textContent’ property of the element, is used to set or return the content of the text. ...
Read MoreHow to set the opacity level for a division element using CSS?
The style.opacity property is used to set the opacity for the element’s, and it returns the string value. These property is used to set or return opacity of a different HTML elements. It is one of the HTML Style Opacity properties. The onclick event occurs only when a user clicks the elements and it is a purely JavaScript attribute. Whenever you click on the onclick event it does some actions like displaying a message or redirects the user another page. The onclick event must be used very less in the website, because it may create the confuse to the users. ...
Read MoreHow to set textarea scroll bar to bottom as a default using JavaScript/jQuery?
The scrollTop property of HTML DOM elements is used to set or return the number of pixels of an elements content which is scrolled vertically. Suppose if the scroll bar is not generated by the content elements then the value of the scrollTop is zero. The onclick event occurs only when a user clicks the elements and it is a purely JavaScript attribute. Whenever you click on the onclick event it does some actions like displaying a message or redirects the user another page. The onclick event must be used very less in the website, because it may create the ...
Read MoreHow to set stroke width of a canvas circle using Fabric.js ?
The stroke and strokeWidth property is used to set the stroke color and strokeWidth of a canvas circle. The Circle Class contains the different properties, but to set the stroke color and width we use the stroke and strokeWidth property. The strokeWidth property is used to specify the width for the circle of canvas. The Fabric.js Circle class is used to provide the circle shape by using the fabric.Circle object. The Circle object is used to provide the circle shape, and the circle is movable, and it can be stretched according to the requirements. For the stroke, color, width, height, ...
Read More