Search results for "JavaScript"
Found 23 results
Categories
Topics
Lessons
Form Validation Attributes
HTML → HTML Forms
Form Validation Attributes
HTML5 added built-in validation that the browser handles automatically — no JavaScript required.
Va...
The Button Element
HTML → HTML Forms
HTML Buttons
Buttons trigger actions. There are two ways to create them: the <button> element and <input type...
HTML Canvas
HTML → HTML Media
HTML Canvas
The <canvas> element is a blank drawing area. You draw on it using JavaScript. It is used for games, data ...
HTML SVG
HTML → HTML Media
HTML SVG
SVG (Scalable Vector Graphics) is an XML-based format for vector images. Unlike Canvas, SVG elements are part of the DOM and can...
Custom List Counters
HTML → HTML Lists
Custom List CountersCSS counters let you create fully custom numbering schemes without JavaScript. You define a counter with counter...
Time, Mark, and Details
HTML → HTML Semantic
Time, Mark, and DetailsHTML5 introduced several small but powerful inline and block-level semantic elements. The <time>...
The HTML Head Element
HTML → HTML Head & Meta
The HTML Head ElementThe <head> element is a container for metadata — information about the document that is not disp...
Inline Styles
HTML → CSS in HTML
Inline StylesInline styles apply CSS directly to an HTML element via the style attribute. They override external and internal...
The HTML Script Tag
HTML → JavaScript in HTML
The Script TagThe <script> tag embeds or links JavaScript in HTML. Without any attributes it blocks HTML parsing while ...
External JavaScript Files
HTML → JavaScript in HTML
External JS FilesExternal JavaScript files are linked with <script src="file.js"></script>. The browser caches th...
Inline JavaScript
HTML → JavaScript in HTML
Inline JavaScriptJavaScript written directly inside <script> tags is called inline JavaScript. It is parsed and run imm...
The noscript Element
HTML → JavaScript in HTML
The noscript ElementThe <noscript> element provides fallback content displayed when JavaScript is disabled in the brows...
HTML Event Attributes
HTML → JavaScript in HTML
HTML Event AttributesHTML elements support inline event attributes like onclick, onchange, and onsubmit...
HTML Data Attributes
HTML → JavaScript in HTML
Data AttributesData attributes (data-*) store custom data in HTML elements. JavaScript reads them via dataset pr...
Basic DOM Manipulation
HTML → JavaScript in HTML
DOM ManipulationJavaScript can read and modify HTML through the Document Object Model (DOM). Use querySelector, textCon...
JavaScript Loading Order
HTML → JavaScript in HTML
Script Loading OrderDOMContentLoaded fires when HTML is fully parsed. window.onload fires after all resources (i...
JavaScript Performance in HTML
HTML → JavaScript in HTML
JS Performance TipsMinimize JavaScript bundle size, avoid long-running synchronous code on the main thread, and defer non-critical scripts...
The srcset and sizes Attributes
HTML → Responsive Design
srcset and sizessrcset lists available image widths. sizes tells the browser how wide the image will display. Th...
Introduction to HTML iframes
HTML → HTML Iframes
HTML iframesThe <iframe> element embeds another HTML page inside the current page. It creates an isolated browsing cont...
Same-Origin Policy and iframes
HTML → HTML Iframes
Same-Origin PolicyJavaScript cannot access the DOM or properties of an iframe from a different origin due to the same-origin policy. Two U...