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 change the text font family in HTML, use the style attribute. The style attribute specifies an inline style for an element. The attribute is used with the HTML tag, with the CSS property font-family. HTML5 do not support the tag, so the CSS style is used to add font size.Just keep in mind, the usage of style attribute overrides any style set globally. It will override any style set in the HTML tag or external style sheet.ExampleYou can try to run the following code to change the text font family in an HTML pageLive Demo ... Read More

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

To trigger a JavaScript click event, let us see the example of mouse hover.ExampleLive Demo           Hover over the button.                                      function display() {             document.getElementById("test").click();          }          

In this tutorial, we will learn to make the print button without using JavaScript. Most of you have seen the print button on any website or application, and when users click on the print button, it prints the whole webpage or any particular file. However, the HTML doesn’t contain the print method. We can use the print() method of the window object. The window object is the global object, which can be accessed anywhere inside the code. So, either user can invoke the window.print() method from the JavaScript or HTML code.Syntax Users can follow the syntax below to invoke JavaScript's ... Read More