JS basics

100%

✓ Published1🌍 Public

Last edited Aug 24, 2022

Created on Aug 24, 2022

This example demonstrates JavaScript programming fundamentals in a bare-bones HTML page. It showcases variable mutation with `const` objects, arrow functions with implicit and explicit returns, and a `for` loop. The code defines a `person` function using ES6 shorthand and logs results to the console. The visualization itself is static, containing only an empty SVG element, while all activity happens in the browser’s developer console. The page uses plain CSS and JavaScript, with no external libraries.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

JavaScript Basics

This example presents a minimal HTML page that explores fundamental JavaScript syntax and concepts through commented-out code examples. The visible script defines a `person` arrow function that returns an object with `first` and `last` properties, then logs an instance to the console. An empty SVG element with 960×500 dimensions is rendered on the page, though no data visualization is displayed. The code demonstrates object creation, function definitions, and console logging using plain JavaScript APIs.

DDavid Hojdan

89% match

Loading thumbnail…

JavaScript Basics

This example demonstrates fundamental JavaScript syntax and programming concepts through a series of commented-out code snippets, with only the final function call active. The active code defines a `person` function that returns an object with `first` and `last` properties, then logs the result of calling it with `('Jane', 'Doe')` to the console. The rendered output is an empty SVG element, as the example focuses on console-based learning rather than visual output. It serves as a minimal HTML page using raw JavaScript, with no external libraries or frameworks.

HHayden-V

88% match

Loading thumbnail…

JS Basics

This example shows a blank SVG canvas accompanied by a JavaScript console demonstration. The code introduces fundamental JavaScript concepts, including variables, object mutation, loops, arrow functions, and function definitions, all of which are commented out. It then defines a `person` function that returns an object and logs the result `{first: "Jane", last: "Doe"}` to the console. The visualization itself remains empty, focusing entirely on the scripting basics rather than graphical output.

AAngela Kochoska

87% match

Loading thumbnail…

Js Basics

This example demonstrates basic JavaScript syntax and concepts through a series of commented-out code snippets, culminating in an active arrow function that creates a person object and logs it to the console. The page contains an empty SVG element with a 960 by 500 pixel canvas, though no visual output is rendered. The code explores variable declaration, arithmetic operations, object creation, and function definitions, contrasting traditional function expressions with ES6 arrow functions and shorthand property syntax. The active example defines a `person` function that returns an object with `first` and `last` properties, then invokes it with the arguments 'Jane' and 'Doe' to log `{first: "Jane", last: "Doe"}` to the browser console. The rendering approach is purely HTML with inline SVG and JavaScript, requiring no external libraries.

PPrince Kumar

87% match

Loading thumbnail…

JavaScript Basics

This example demonstrates basic JavaScript syntax and concepts through a series of commented-out examples, including variables, arithmetic, functions, arrow functions, and object literals. The active code defines an arrow function `person` that returns an object with `first` and `last` properties, then logs the result to the console. It uses an SVG element for structure but relies entirely on the browser's developer console for output. The visualization is rendered without any external libraries, focusing purely on core programming fundamentals rather than data-driven graphics.

KKerotyzzzmo

86% match

Loading thumbnail…

Fork of JavaScript Basics

A minimal HTML page demonstrates JavaScript syntax basics through commented-out examples and a single active function call. The page uses an SVG element and inline script, with all code commented except for a `person` function that creates and logs an object with `first` and `last` properties. The visualization shows the console output of `person('Jane', 'Doe')` using standard JavaScript object literal syntax. The file includes references to CSS and JavaScript, though the actual rendering relies solely on the SVG structure and console logging.

HHayden-V

86% match

Loading thumbnail…

Javascript Basics (code in index.html)

This example demonstrates JavaScript basics by outputting results to the console, including arithmetic operations, comparisons, variable assignments, loops, and arrow functions. The final active code creates a `person` function that returns an object with first and last name properties, then logs the result. The visualization uses an empty SVG element and plain JavaScript with no external libraries, relying on browser console output for visible results.

Hhelloelectro

86% match

Loading thumbnail…

JS Basics . Black and White

This example demonstrates the basics of JavaScript programming through a series of console-logged statements within an SVG container. The code shows variables, objects, functions, and ES6 arrow functions, including object mutation and a person factory. It uses plain JavaScript APIs, such as `console.log`, and renders with an SVG element while the accompanying CSS hides page margins and overflow.

Mmaxthamt

85% match