HTML & Javascript

basic HTML webpage with Javascript.

This example demonstrates a minimal HTML webpage that uses JavaScript to dynamically update text content. The page contains three identical heading elements with the same id, and a script uses the Document Object Model API’s `getElementById` method to replace the inner HTML of the first matching heading with a new string. The project relies on standard web technologies—HTML, CSS, and JavaScript—without external libraries or frameworks, and is written as a single-file React-free implementation. It shows how client-side scripting can modify static page content after the initial render.

73% match

Creating new div element with Javascript Only

This example demonstrates how to create and insert a new HTML element using only JavaScript. It creates a div, sets its text content to “Hello HTML,” and appends it to the document body. The code uses the native DOM APIs `document.createElement`, `textContent`, and `appendChild`. A CSS rule styles all div elements with a 40-pixel font size, making the output visually distinct. No external libraries or data sources are used.

JS in HTML

This example demonstrates a web page that combines an HTML heading with JavaScript console output. The static HTML (“Hello HTML!”) is rendered in a large, centered font using a CSS class, while an external JavaScript file logs “Hello JavaScript!” to the browser’s console. The page uses plain HTML, embedded CSS in a `<style>` tag, and a separate script file loaded via the `<script>` tag, illustrating a basic separation of markup, styling, and scripting without relying on external libraries.

Aabhineetsingh10

basic HTML webpage with Javascript.

This example demonstrates a minimal HTML page that uses JavaScript to dynamically alter its displayed text. Initially, the page presents a static heading and a welcoming message. Upon loading, a script embedded within the page accesses the heading element by its ID and changes its inner text to a new, user-defined string. The implementation relies on the core Document Object Model (DOM) API, specifically `getElementById` and the `innerHTML` property, to perform the update. No external libraries or data sources are involved; the behavior is entirely contained within the single `index.html` file.

my HTML

This example displays a webpage with a single large heading. The HTML body contains a heading element with the ID `ts`, and the JavaScript uses `d3.select` to set the text of that heading to the string "fhdjkfj" and the body text to "апапвdsdas". The page applies a centered layout with a font size of 13em through its CSS. The code relies on the D3 v6 library, specifically the `select` method, to manipulate the DOM elements.

Rromtom-bras

HTML Starter

This example displays a single line of large, centered text, “Hello HTML,” in a web page. It demonstrates the foundational structure of an HTML document using standard tags such as `<html>`, `<head>`, `<style>`, and `<body>`, alongside a `<script>` element. The styling is handled by inline CSS within the `<style>` block, setting the text alignment and font size. The JavaScript code inside the `<script>` tag outputs a message to the browser’s developer console using the `console.log` API, illustrating basic scripting integration.

71% match

HTML Starter

71% match

HTML Starter