Skip to main content
SimilarExport ZIP
100%

JS Basics . Black and White

✓ Published1🌍 Public
Mmaxthamt
Last edited Mar 20, 2021
Created on Mar 20, 2021

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.

AI-generated description

A reproduction of Sol LeWitt

MIT Licensed

Similar vizzes

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
86% match
Loading thumbnail…

JS basics

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.

Mmax-31
85% match
Loading thumbnail…

JavaScript basics

An empty SVG container awaits JavaScript logic that logs a series of console outputs, demonstrating variable assignment, object mutation, a for loop, and an arrow function with explicit return syntax. The code exercises basic language constructs—numbers, objects, and functions—without rendering any visual elements. The rendering approach is static SVG markup, while the observable behavior resides entirely in the browser’s developer console.

Aastrologyhesitant
83% match
Loading thumbnail…

Javascript Basics

This example demonstrates fundamental JavaScript concepts through console output, including variable assignment, object mutation, function declarations, and arrow functions. The code defines objects to represent people, such as a person with first and last name properties, and logs their values to the browser console. It also shows a function that returns a new object with passed parameters, and an arrow function that builds an object using shorthand syntax. The page renders an empty SVG element with a width of 960 and height of 500, but all visible behavior occurs through the console.

Gguththered
83% match
Loading thumbnail…

JavaScript Basics

This example demonstrates fundamental JavaScript syntax and programming concepts through a series of commented-out code snippets, from console logging and variable assignment to objects, loops, and arrow functions. The page renders an empty SVG canvas with dimensions 960 by 500 pixels, serving as a static backdrop for the educational content. Because all code examples are commented out, no visual output is generated, and the focus remains on the structure and semantics of each JavaScript construct.

CCurran Kelleher
83% match
Loading thumbnail…

JavaScript Basics

This example demonstrates the foundational syntax and core concepts of JavaScript through a series of commented-out code snippets. It shows variable declarations, arithmetic operations, control flow with loops, and function definitions, including ES6 arrow functions. The visualization uses a simple SVG canvas with a script tag, and the code is written directly within an HTML file. It covers object literals and constructor functions, illustrating how to create and manipulate objects. The rendering is achieved through the SVG API, and the file includes no external libraries, relying solely on native JavaScript.

Aandu006@gmail.com
83% match
Loading thumbnail…

JavaScript Basics

This example illustrates fundamental JavaScript programming concepts through a blank SVG canvas. The page embeds commented-out code covering variables, objects, functions, and loops, demonstrating basic syntax before execution. Using an HTML document with inline JavaScript, it sets up an SVG element measuring 960 by 500 pixels. The visualization serves as an educational template for learning language basics, with all example code commented out, preparing developers to uncomment and run statements incrementally. It relies on vanilla JavaScript and inline SVG rendering rather than external libraries, highlighting core web development principles.

Eelgato_1994
82% match
Loading thumbnail…

Javascript Basics

This example shows a blank SVG canvas with JavaScript code commented out in the HTML file, demonstrating basic programming concepts such as variables, objects, loops, and arrow functions. The code includes examples of console logging, arithmetic operations, object creation, and function definitions, though all are disabled. It uses an inline `<script>` tag and an SVG element with 960 by 500 pixel dimensions, rendered as static SVG markup. The visualization appears as an empty plot, with the JavaScript fundamentals acting as the primary subject rather than any graphical output.

Ddexuzi
82% match