- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 8895 Articles for Front End Technology
![Shubham Vora](https://www.tutorialspoint.com/assets/profiles/485898/profile/60_1456867-1657516792.jpeg)
10K+ Views
This tutorial teaches us to force clients to refresh JavaScript files. Now, the question is, why do we need to force clients to refresh the JavaScript files? Let’s understand it by example issue. Suppose we have deployed the application and lots of users are using our application. Now, to improve the performance and UI of the application, we will continuously work on our application and upgrade its version after every period. Obviously, after upgrading our application’s version, we will also push that into production. But sometimes, on the user's screen, client-side JavaScript or CSS is not upgraded, and it shows the ... Read More
![Daniol Thomas](https://www.tutorialspoint.com/assets/profiles/13551/profile/60_130035-1512726078.jpg)
181 Views
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
![Shubham Vora](https://www.tutorialspoint.com/assets/profiles/485898/profile/60_1456867-1657516792.jpeg)
1K+ Views
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
![Yaswanth Varma](https://www.tutorialspoint.com/assets/profiles/511236/profile/60_1602256-1662106429.jpg)
772 Views
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
![V Jyothi](https://www.tutorialspoint.com/assets/profiles/13530/profile/60_77592-1512648869.jpg)
156 Views
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”);
![Yaswanth Varma](https://www.tutorialspoint.com/assets/profiles/511236/profile/60_1602256-1662106429.jpg)
19K+ Views
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
![Yaswanth Varma](https://www.tutorialspoint.com/assets/profiles/511236/profile/60_1602256-1662106429.jpg)
921 Views
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
![Yaswanth Varma](https://www.tutorialspoint.com/assets/profiles/511236/profile/60_1602256-1662106429.jpg)
7K+ Views
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
![Jennifer Nicholas](https://www.tutorialspoint.com/assets/profiles/13569/profile/60_88876-1512715262.jpg)
10K+ Views
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
![Vrundesha Joshi](https://www.tutorialspoint.com/assets/profiles/13566/profile/60_88163-1512715024.jpg)
1K+ Views
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