Found 9053 Articles for Front End Technology

To pop-up a print dialog box using JavaScript, use the print() method. With the dialog box, you can easily set the printing options like which printer to select for printing.This is the dialog box −ExampleYou can try to run the following code to learn how to print a page −Live Demo           Click to Print                function display() {             window.print();          }          

In this tutorial, we are going to create one custom alert box using JavaScript. The alert box signifies a box that appears with some message on it whenever you click a button and if we add some styling to the box and mould it according to our requirements then it will be a custom alert box. Approach to design custom alert box using JavaScript To create a custom alert box, we will use a jQuery library which is used to simplify the HTML DOM manipulation and it also provides us with better use of event handling and CSS animation with ... Read More

The tag in HTML makes text font size smaller (one size smaller to the original font size) in the HTML document. The HTML tag is found inside the tag. The tag makes the text one size smaller. Syntax Following is the syntax for the tag. The text… Example Following is the example program for the tag. DOCTYPE html> Tutorials point Example We can use tag inside the HTML elements. Following is the example program for the tag inside the tag. DOCTYPE html> ... Read More

In this tutorial, we will look at a few ways to print a number with commas as thousands of separators in JavaScript and compare them to understand which one is suitable in a given context. Why do we do number formatting? In English, commas are used to separate numbers bigger than 999. Dot is the thousands separator in Germany. Sweden uses space. The separator is added after every three digits from the right. Let’s briefly introduce the methods. Using the toLocaleString() Method Here, the built-in locale string method localizes the number format based on the country. ... Read More

HTML tables allow us to arrange data into rows and columns on the web page. We use the tag, to create table in HTML. A table consist of rows and columns. Table heading, row and column and table data can be set using one or more , , and elements. A table row is defined by the tag. To set table header, we use tag. To insert data in table cell, use the tag. A table in HTML consists of table cells inside rows and columns of the table. Table heading is defined by ... Read More

To set named cookie in JavaScript, run the following code. It sets a customer name in an input cookie.ExampleLive Demo                                                  Enter name:                    

The tag is used to define emphasized text. The content inside em tag is typically displayed in italic. The HTML tag should be used inside tag. The tag is used to separate the text from the rest text of the content. The content inside em tag is typically displayed in italic. You can change this behavior with CSS property. Syntax Following is the syntax for tag. The text… Example Following is the example program for tag. DOCTYPE html> Tutorials point Example In the following example ... Read More

In this tutorial, we will learn how to print all methods of an object in JavaScript. An object's property with a function declaration is known as a JavaScript method. Methods are represented as object attributes and functions. We refer to actions carried out on objects as JavaScript methods. It is also possible to call the objects without using parentheses. This is a reference to the method's owner object. The method manipulates data that is part of a Class. The Object that was called into a method is implicitly passed. A function connected to an object attribute is called a method. ... Read More

For window resize event in JavaScript, use addEventListener(). The following code will give you the size of the current window −ExampleLive Demo                    div {             margin-top: 10px;             padding: 10px;             background-color: #1E9E5D;             width: 50%;          } span {             font-size: 50px;          }                                 window.addEventListener('resize', display);             function display() {                document.querySelector('.width').innerText = document.documentElement.clientWidth;                document.querySelector('.height').innerText = document.documentElement.clientHeight;             }             display();                                Width=          Height=          

To use a floating image in HTML, use the CSS property float. It allows you to float an image left or right. More property values include the following:Sr.No.Property Value & Description1noneNot floated2leftFloats to the left3rightFloats to the right4initialDefault valueExampleYou can try to run the following code to use floating image in HTML. Here’s the usage of float right and float left CSS attribute           HTML Floating Image        Float Right    The below image floats to the right.                 This is demo text. ... Read More