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

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 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

In this tutorial, we will learn how we can find out which JavaScript event is fired or triggered. We can add events to HTML elements to perform some actions on the webpage like changing text, form submission, etc. There are two ways of finding which JavaScript event is fired − Using Developer Tools Using Inspect Element Let us discuss both of them one by one with coding examples. Using Developer Tools We can find out which JavaScript event is fired by using developer tools in the browser. To open Developer tools, you need to press ctrl + shift ... Read More

On client and server, the following storages are available: local storage, session storage, and cookies.The Local Storage is designed for storage that spans multiple windows and lasts beyond the current session. In particular, Web applications may wish to store megabytes of user data, such as entire user-authored documents or a user's mailbox, on the client side for performance reasons. Cookies do not handle this case well because they are transmitted with every request.Local Storage is available for every page and remains even when the web browser is closed, but you cannot read it on the server.The stored data has no ... Read More

In this tutorial, we are going to learn how to secure my JavaScript using “Strict mode”. There are some errors in the code which are just ignored by the JavaScript engine and if any line fails it perform nothing, to indicate that there is an error we can use the strict mode which will make the JavaScript engine throw an error. The ‘use strict’ is a literal expression which is the directive we can add to the code, not in any block. We can add this ‘use strict’ directive in the whole script, a function, or in a class. Syntax ... Read More

The following are the details of the date you can store in JavaScript cookies −Web BrowserMaximum cookiesMaximum size per cookieGoogle Chrome1804096 bytesFirefox1504097 bytesOpera1804096 bytesAndroid504096 bytes