HTML Archives https://openjavascript.info/tag/html/ Learn the language of the web. Fri, 03 Mar 2023 17:37:36 +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 HTML Archives https://openjavascript.info/tag/html/ 32 32 Input Form Field Suggestions with HTML and JavaScript https://openjavascript.info/2023/01/03/input-form-field-suggestions-with-html-and-javascript/ https://openjavascript.info/2023/01/03/input-form-field-suggestions-with-html-and-javascript/#respond Tue, 03 Jan 2023 08:44:01 +0000 https://openjavascript.info/?p=6507 Input suggestions can be coded with HTML only and options populated with JavaScript.

The post Input Form Field Suggestions with HTML and JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2023/01/03/input-form-field-suggestions-with-html-and-javascript/feed/ 0 Social Media Share Buttons with Vanilla JavaScript https://openjavascript.info/2022/12/17/social-media-share-buttons-with-vanilla-javascript/ https://openjavascript.info/2022/12/17/social-media-share-buttons-with-vanilla-javascript/#respond Sat, 17 Dec 2022 22:33:15 +0000 https://openjavascript.info/?p=6362 Share with vanilla JavaScript by constructing URL requests to social media APIs.

The post Social Media Share Buttons with Vanilla JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/12/17/social-media-share-buttons-with-vanilla-javascript/feed/ 0 Conditionally load a JavaScript file https://openjavascript.info/2022/12/16/conditionally-load-a-javascript-file/ https://openjavascript.info/2022/12/16/conditionally-load-a-javascript-file/#respond Fri, 16 Dec 2022 18:26:32 +0000 https://openjavascript.info/?p=6339 By creating a new JavaScript file from scratch or reappend an existing one.

The post Conditionally load a JavaScript file appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/12/16/conditionally-load-a-javascript-file/feed/ 0 Download Progress Bar with Axios https://openjavascript.info/2022/12/15/download-progress-bar-with-axios/ https://openjavascript.info/2022/12/15/download-progress-bar-with-axios/#respond Thu, 15 Dec 2022 14:51:08 +0000 https://openjavascript.info/?p=6313 Learn how to track progress and upload a CSS progress bar.

The post Download Progress Bar with Axios appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/12/15/download-progress-bar-with-axios/feed/ 0 Build a Visitor Counter with JavaScript & Node.js https://openjavascript.info/2022/11/22/build-a-visitor-counter-with-javascript-node-js/ https://openjavascript.info/2022/11/22/build-a-visitor-counter-with-javascript-node-js/#respond Tue, 22 Nov 2022 11:39:20 +0000 https://openjavascript.info/?p=6155 The counter tracks visits and pageviews independently with a simple backend.

The post Build a Visitor Counter with JavaScript & Node.js appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/11/22/build-a-visitor-counter-with-javascript-node-js/feed/ 0 How to wait until a page has loaded in JavaScript https://openjavascript.info/2022/09/14/how-to-wait-until-a-page-has-loaded-in-javascript/ https://openjavascript.info/2022/09/14/how-to-wait-until-a-page-has-loaded-in-javascript/#respond Wed, 14 Sep 2022 11:57:38 +0000 https://openjavascript.info/?p=5752 Learn about event that allow you to run code upon the completion of page loading states.

The post How to wait until a page has loaded in JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/09/14/how-to-wait-until-a-page-has-loaded-in-javascript/feed/ 0 Insert an element or HTML block before or after an existing element https://openjavascript.info/2022/09/13/insert-an-element-before-another-in-the-dom-with-javascript/ https://openjavascript.info/2022/09/13/insert-an-element-before-another-in-the-dom-with-javascript/#respond Tue, 13 Sep 2022 08:49:12 +0000 https://openjavascript.info/?p=5720 Using the insertAdjacentElement() or insertAdjacentHTML() methods.

The post Insert an element or HTML block before or after an existing element appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/09/13/insert-an-element-before-another-in-the-dom-with-javascript/feed/ 0 Typewriter typing effect with JavaScript https://openjavascript.info/2022/09/05/typewriter-typing-effect-with-javascript/ https://openjavascript.info/2022/09/05/typewriter-typing-effect-with-javascript/#respond Mon, 05 Sep 2022 08:07:47 +0000 https://openjavascript.info/?p=5620 Make text appear on screen as if it is being typed live using the setInterval() function!

The post Typewriter typing effect with JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/09/05/typewriter-typing-effect-with-javascript/feed/ 0 Styling HTML Elements with JavaScript https://openjavascript.info/2022/08/25/styling-html-elements-with-javascript/ https://openjavascript.info/2022/08/25/styling-html-elements-with-javascript/#respond Thu, 25 Aug 2022 08:21:14 +0000 https://openjavascript.info/?p=5474 JavaScript can style HTML elements directly or indirectly via the class attribute.

The post Styling HTML Elements with JavaScript appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/08/25/styling-html-elements-with-javascript/feed/ 0 Using HTML data attributes in JavaScript and CSS https://openjavascript.info/2022/08/18/using-html-data-attributes-in-javascript-and-css/ https://openjavascript.info/2022/08/18/using-html-data-attributes-in-javascript-and-css/#respond Thu, 18 Aug 2022 10:36:33 +0000 https://openjavascript.info/?p=5378 Data attributes allow you to store string data directly on HTML elements.

The post Using HTML data attributes in JavaScript and CSS appeared first on OpenJavaScript.info.

]]> https://openjavascript.info/2022/08/18/using-html-data-attributes-in-javascript-and-css/feed/ 0