The basics of Javascript

100%

The basics of Javascript

✓ Published0🌍 Public

Last edited Oct 26, 2020

Created on Oct 26, 2020

This example demonstrates the basics of JavaScript by displaying the text "Mars" centered on a blank HTML page. It uses a simple script to select the `#root` div and inject the string via `innerHTML`. The styling relies on CSS within the `body` tag, setting a massive font size. The code is a minimal React-ready setup, though this version uses plain JavaScript without any external libraries.

AI-generated description

A bare minimum HTML page.

Similar vizzes

Loading thumbnail…

Let's learn Javascript

This example demonstrates a minimal HTML page that introduces fundamental JavaScript concepts, including console output and function definitions. It shows a blank browser window with no visible rendering, focusing instead on the code logic executed in the console. The page uses plain HTML, CSS, and JavaScript, with `console.log` to print strings and numbers, and a simple `repeat` function that returns its input. The structure is a bare-bones starter template, with the `index.html` file containing an empty body and the `index.js` file containing the script logic. No external libraries or data sources are used.

NNita

79% match

Loading thumbnail…

Javascript

This example demonstrates a minimal HTML page that uses CSS for styling and JavaScript to create and log a simple object. It displays the text "Hello Javascript Objects!" centered on the page with a large font size via an inline style block. The script defines a JavaScript object with properties for name and height, then logs it to the browser console using `console.log`. The example serves as a bare-bones introduction to combining HTML, CSS, and JavaScript without any external libraries or frameworks.

NNita

78% match

Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a blank page, with a JavaScript console message revealed in developer tools. It uses inline CSS to set the body’s text alignment and font size, while a `<script>` tag logs “Hello JavaScript!” to the browser console. The page is a minimal demonstration of fundamental web technologies—HTML for structure, CSS for styling, and JavaScript for basic scripting—with no external libraries or data sources involved.

Sstandon108

78% match

Loading thumbnail…

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.

NNita

77% match

Loading thumbnail…

Javascript

This example shows a simple web page that displays the text “Hello HTML!” in large, centered type. It serves as a minimal demonstration of structuring a page with CSS and JavaScript. The code uses an HTML `<div>` element with a custom `.message` class to apply styling, setting the font size to 13em and aligning the text to the center. No external libraries or data sources are involved; the page relies solely on native HTML and CSS features rendered directly in the browser.

AAnshul Rawat

77% match

Loading thumbnail…

HTML Starter

An HTML starter example demonstrates how to create a minimal web page using plain HTML, CSS, and JavaScript. The page displays the text "Hello HTML" centered with a large font size, while the embedded script logs "Hello JavaScript!" to the browser's developer console. The code uses the standard DOM `console.log` API for output and CSS `text-align` with `font-size` for styling. This serves as a bare-bones foundation for web development, showing basic document structure and scripting without external libraries.

MMithun Ghosh

77% match

Loading thumbnail…

HTML Starter

This example shows a minimal HTML page displaying the text “Hello HTML” in large, centered type. It demonstrates the basic structure of a web document, combining CSS for styling and JavaScript for interactive behavior. The code uses plain HTML elements, a style block to set the font size and text alignment, and a script tag that logs “Hello JavaScript!” to the browser console. No external libraries are used, highlighting the bare essentials of client-side web development with vanilla JavaScript.

HHonza Cahlík

77% match

Loading thumbnail…

STARTER 1

This example shows a minimal web page that displays the text “Hello HTML” in the center of the browser window, with the body styled at a very large font size. It serves as a bare-bones starter template for web development, using plain HTML and CSS for structure and styling. The page also includes a JavaScript snippet that logs “Hello JavaScript!” to the browser’s developer console, demonstrating basic script execution. The code relies solely on native web technologies without any external libraries or frameworks.

NNeven Dragojlovic

77% match