Skip to main content
SimilarExport ZIP
100%

JavaScript Exercise

✓ Published0🌍 Public
Jjexchan
Last edited Aug 18, 2022
Created on Aug 18, 2022
Forked from HTML Starter

This example demonstrates basic JavaScript array manipulation with console output, displaying results for range generation, summation via reduce, and filtering even numbers. The page renders a large “Hello HTML!” message using CSS styling with a 13em font size. The code defines a custom `range` function that creates an array of sequential integers, then applies `Array.prototype.reduce` and `Array.prototype.filter` to compute a sum and extract even values. The HTML structure uses a single div element with a message class, combining static markup with dynamic script execution in the browser console.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Java Script

This example demonstrates basic JavaScript array operations in a minimal HTML page. The code creates a range of numbers from 0 to 9 using a custom `range` function, logs each value to the console, and then filters for even numbers before sorting. It uses vanilla JavaScript with the `forEach` and `filter` array methods, plus `console.log` for output. The page includes CSS styling for a large centered message but displays no visual data, focusing instead on console-based programming fundamentals.

Ddaigou65
84% match
Loading thumbnail…

Javascript Arrays

This example demonstrates JavaScript array manipulation through console output, using a custom `range` function to generate numeric arrays and applying methods like `forEach`, `filter`, `map`, `reduce`, and `sort`. It also processes an array of key-value objects, converting them into a single object via `reduce` and sorting them with `d3.ascending` from D3 v7. The page itself is a minimal HTML/CSS structure displaying a static "Hello HTML!" message, with all array operations visible only in the browser’s developer console.

PPhan Nguyen
83% match
Loading thumbnail…

javascript Arrays

This example demonstrates basic JavaScript array operations and D3 array utilities in a minimal HTML page. The code uses D3’s `range` to generate a sequence of numbers, then applies `sort` with ascending and descending comparators to order an array. It also shows `reduce` to multiply values and to convert an array of key-value entries into an object, followed by a custom sort using D3’s `descending`. The page displays a static “Hello HTML!” message styled with large centered text, while all array results are logged to the browser console.

Ggyan9427
80% match
Loading thumbnail…

arrays

This example demonstrates fundamental JavaScript array operations through console logging, including iteration, filtering, sorting, mapping, and reducing. It shows a custom `range` function, a sorting comparator for numbers, and how to build objects from array entries using `reduce`. The code imports `ascending` and `descending` from D3 to illustrate library-based sorting, and relies on D3 version 7.3.0 for these utilities. The visualization itself is minimal—a single HTML page with a large styled message—while the core content lives in the script’s output.

SSamuele Greco
79% match
Loading thumbnail…

JavaScript arrays

This example demonstrates common JavaScript array manipulation techniques, including `map`, `filter`, `reduce`, and custom sorting, using both native methods and D3’s `ascending` and `descending` helpers from d3-array. The code creates a range of numbers, filters for even values, transforms objects, and sorts an array of numeric and key–value entries. It shows how `reduce` can aggregate values or build an object from array entries. The visualization is a bare HTML page with no rendered graphics, focusing instead on console output for learning array operations.

AAngela Kochoska
79% match
Loading thumbnail…

Arrays

This example showcases JavaScript array manipulation techniques, including `forEach`, `filter`, `sort`, and `reduce`. The code logs a computed sum from a hardcoded array `[1, 3, 5, 10, 30]` using the `reduce` method, while commented-out lines demonstrate additional array operations. It renders no visual output; instead, it serves as a minimal HTML page with embedded JavaScript, illustrating functional programming concepts for educational purposes. The example relies solely on native JavaScript APIs without external libraries or data sources.

LLewis Ward
78% match
Loading thumbnail…

Javascript Arrays

This example demonstrates JavaScript array manipulation by defining a `range` function that generates an array of sequential integers from zero to a specified limit. The code creates a minimal HTML page that executes the function and logs the resulting array, `[0, 1, 2, 3, 4]`, to the browser console. It uses vanilla JavaScript with a `for` loop and the `Array.push` method, running without any external libraries or frameworks. The illustration serves as a basic introduction to array construction and console output.

JJamie
78% match
Loading thumbnail…

JavaScript Arrays

This example demonstrates fundamental JavaScript array operations, including range generation, sorting, filtering, mapping, and reducing, using a variety of data structures. The code creates a numeric range with a custom `range` function, sorts an array of numbers with a comparator, and applies transformations like doubling values and summing elements. It also defines an array of key-value objects. All operations are logged to the console, with results visible in the browser’s developer tools. The example imports the `ascending` helper from D3, though it is not actively used, and runs within a minimal HTML page with no visual output.

Aalexscott-untitled
78% match