Found 10877 Articles for Web Development

HTML5 localStorage saves string data in the browser and lasts beyond the current session. localStorage stores the data, with no expiration, whereas sessionStorage is limited to the session only. When the browser is closed, the session is lost.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.You can try to run the following code to learn how to work with HTML5 localStorageExampleLive Demo   ... Read More

The space on the number line between any integer and zero is known as its absolute value. No negative values exist because it is the distance. This tutorial will help you find a number's absolute value in JavaScript. Next, we will see the method to find the absolute value of a number in JavaScript. Using Math.abs() A number's absolute value is returned using the Math.abs() function. If n is positive or zero, it returns n, and if n is negative, it returns the negation of n. The Math.abs() is a static function of Math. Hence, we use it as it ... Read More

Using scripting, the canvas element is utilised to create graphics instantly (usually JavaScript). This tag is just introduced in HTML5. The element serves only as a holding area for images. To draw the visuals, you must utilise a script. There are numerous ways to draw pathways, boxes, circles, characters, and add images on a canvas. Syntax Here is the simple HTML example to depict the usage of canvas − DOCTYPE html> var c=document.getElementById("myCanvas"); var ... Read More

parseInt(string)The parseInt() method parses up to the first non-digit and returns the parsed value.  For example, the following returns 765:parseInt("765world")Let’s take another example. The following returns 50:parseInt(‘50px”);Number(string)Number() converts the string into a number, which can also be a float BTW.For example, the following returns NaN:Number(“765world”)The following returns NaN:Number(“50px”);

Use the placeholder attribute to let the user know that the required input format is YYYY, and the , min, and max attributes to limit the range of possibilities. To the first argument of a new Date, pass the value or valueAsNumber during the input event () Following are the examples… Example In the following example we are using placeholder to mention that the input type is year. DOCTYPE html> document.querySelector("input[type=number]") .oninput = e => console.log(new Date(e.target.valueAsNumber, 0, ... Read More

Chrome Extensions eases your work since it provides more features. To download all images on a web page at once, use a Chrome Extension.Download the Image Downloader chrome extension, which is open source. After adding it to Chrome, you can see the following settings −An icon will be visible in the Chrome browser, which is for Image Downloading. Go to the webpage from where you need the images.On reaching the page, click the extension icon as shown below −Click on the images you want to download or select all from the checkbox. After that click Download and that’s it.Here, you ... Read More

The permitted number intervals are determined by the HTML input type step property. Steps are numerical steps such as 0, 2, 4, 6, 8, and so on. To construct a range of valid values, combine the step attribute with the max and min properties. They establish a stepping interval on a range which is executed by moving the slider left to right or spinner up and down. If its not explicitly mentioned, default steps are assigned to various input values. Syntax Default step values for different input values are as follows − Input Type ... Read More

There are multiple correct ways to use a br tag in the web documents. In HTML, a line break is made with the tag. We don't need to close because it's an empty tag. To break a line, either or are acceptable. However, tags are used in other web documents like XHTML. But the tag must possess a space before the trailing /> as it helps XHTML to render the existing HTML user agents. Syntax Text text Following are the examples…. Example: (using ) In the following example we are using ... Read More

To allow multiple file uploads in HTML forms, use the multiple attributes. The multiple attributes work with email and file input types.For limiting maximum items on multiple inputs, use JavaScript. Through this, limit the number of files to be uploaded. For example, let’s say only 2 files to be uploaded at once.You can try to run the following code to learn how to use multiple attributes in HTML. With that, we will limit the number of files uploaded using JavaScript.ExampleLive Demo           HTML file upload                   ... Read More

HTML5 Geolocation API lets you share your location with your favorite websites. A Javascript can capture your latitude and longitude and can be sent to backend web server and do fancy location-aware things like finding local businesses or showing your location on a map. The geolocation coordinates specify the geographic location of the device.We will be using getCurrentPostion() method to get the current location. To get current location using HTML5 Geolocation with Google Maps, you need to set an API key for Google Static Maps API.Go to https://console.developers.google.com and get a free API key for Google Map. Add this key ... Read More