Displaying data Archives https://openjavascript.info/category/displaying-data/ Learn the language of the web. Wed, 28 Dec 2022 08:48:45 +0000 en-US hourly 1 https://wordpress.org/?v=6.4.2 https://openjavascript.info/wp-content/uploads/2023/12/cropped-android-chrome-192x192-1-32x32.png Displaying data Archives https://openjavascript.info/category/displaying-data/ 32 32 Compress an Image File in the Browser with JavaScript https://openjavascript.info/2022/12/22/compress-an-image-file-in-the-browser-with-javascript/ https://openjavascript.info/2022/12/22/compress-an-image-file-in-the-browser-with-javascript/#respond Thu, 22 Dec 2022 13:34:02 +0000 https://openjavascript.info/?p=6431 Using the HTML5 Canvas API, you can do image compression on the frontend.

The post Compress an Image File in the Browser with JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/12/22/compress-an-image-file-in-the-browser-with-javascript/feed/ 0 Read a File into JavaScript using FileReader https://openjavascript.info/2022/12/15/read-a-file-into-javascript-using-filereader/ https://openjavascript.info/2022/12/15/read-a-file-into-javascript-using-filereader/#respond Thu, 15 Dec 2022 08:52:19 +0000 https://openjavascript.info/?p=6305 After reading a file, you can display it, edit it, post it to a server and download.

The post Read a File into JavaScript using FileReader appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/12/15/read-a-file-into-javascript-using-filereader/feed/ 0 Map Live User Location using Leaflet.js https://openjavascript.info/2022/12/11/map-live-user-location-using-leaflet-js/ https://openjavascript.info/2022/12/11/map-live-user-location-using-leaflet-js/#respond Sun, 11 Dec 2022 17:13:09 +0000 https://openjavascript.info/?p=6278 Get user coordinates using the HTML5 Geolocation API and map using Leaflet.js.

The post Map Live User Location using Leaflet.js appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/12/11/map-live-user-location-using-leaflet-js/feed/ 0 Random Image with JavaScript https://openjavascript.info/2022/12/11/random-image-with-javascript/ https://openjavascript.info/2022/12/11/random-image-with-javascript/#respond Sun, 11 Dec 2022 06:57:55 +0000 https://openjavascript.info/?p=6254 You can use JavaScript to display a random image, both on page load and when a user clicks to get another image. Start by creating an <img> element without an src value: <img id="random-image" src="" alt="Random image"> You can then make a random image appear in the element by storing the path to all images …

Continue reading "Random Image with JavaScript"

The post Random Image with JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/12/11/random-image-with-javascript/feed/ 0 How to read and display a PDF using JavaScript https://openjavascript.info/2022/08/31/how-to-read-and-display-a-pdf-using-javascript/ https://openjavascript.info/2022/08/31/how-to-read-and-display-a-pdf-using-javascript/#respond Wed, 31 Aug 2022 06:03:12 +0000 https://openjavascript.info/?p=5581 The native FileReader API can be used to read a PDF and create a URL to its contents.

The post How to read and display a PDF using JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/08/31/how-to-read-and-display-a-pdf-using-javascript/feed/ 0 Create a timestamp in JavaScript https://openjavascript.info/2022/07/08/create-a-timestamp-in-javascript/ https://openjavascript.info/2022/07/08/create-a-timestamp-in-javascript/#respond Fri, 08 Jul 2022 05:23:01 +0000 https://openjavascript.info/?p=4976 The in-built Date() method can generate an accurate UNIX timestamp.

The post Create a timestamp in JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/07/08/create-a-timestamp-in-javascript/feed/ 0 Getting and formatting date and time in JavaScript https://openjavascript.info/2022/07/05/getting-and-formatting-the-date-in-javascript/ https://openjavascript.info/2022/07/05/getting-and-formatting-the-date-in-javascript/#respond Tue, 05 Jul 2022 12:18:55 +0000 https://openjavascript.info/?p=4944 Date and time objects created using the Date() constructor can be output in various formats.

The post Getting and formatting date and time in JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/07/05/getting-and-formatting-the-date-in-javascript/feed/ 0 Converting a number to a string with commas in JavaScript https://openjavascript.info/2022/05/24/converting-a-number-to-string-with-commas-javascript/ https://openjavascript.info/2022/05/24/converting-a-number-to-string-with-commas-javascript/#respond Tue, 24 May 2022 08:30:29 +0000 https://openjavascript.info/?p=4460 How to print a number as a string with comma-formatting or other locale-specific styles.

The post Converting a number to a string with commas in JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/05/24/converting-a-number-to-string-with-commas-javascript/feed/ 0 Print the contents of a JavaScript object to the DOM https://openjavascript.info/2022/05/02/printing-an-object-as-a-string-to-the-dom/ https://openjavascript.info/2022/05/02/printing-an-object-as-a-string-to-the-dom/#respond Mon, 02 May 2022 13:30:39 +0000 https://openjavascript.info/?p=4154 Printing a JavaScript object to the DOM is harder than you might think.

The post Print the contents of a JavaScript object to the DOM appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/05/02/printing-an-object-as-a-string-to-the-dom/feed/ 0 HTML Table of Contents Generator https://openjavascript.info/2022/04/12/html-table-of-contents-generator/ https://openjavascript.info/2022/04/12/html-table-of-contents-generator/#respond Tue, 12 Apr 2022 09:09:40 +0000 https://openjavascript.info/?p=3979 A JavaScript solution for generating a table of contents for HTML content.

The post HTML Table of Contents Generator appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/04/12/html-table-of-contents-generator/feed/ 0