Skip to main content
SimilarExport ZIP
100%

Eloquent JS: Chapter 7 (project)

✓ Published1🌍 Public
Eemberix@gmail.com
Last edited Apr 9, 2021
Created on Apr 6, 2021

This example demonstrates a simulated delivery robot navigating a network of roads connecting locations in a village. It shows three different robot strategies—random movement, a fixed mail route, and goal-oriented pathfinding—and measures their efficiency by running many simulated parcel-delivery tasks and comparing the average number of steps taken. The JavaScript code defines a graph from a static list of road connections, implements a `VillageState` class to track robot position and undelivered parcels, and uses a breadth-first search (`findRoute`) for the goal-oriented robot. The simulation runs entirely in the console, with no visual output.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Eloquent JS: Chapter 10

This example visualizes the module system from Chapter 10 of Eloquent JavaScript, showing the road network between village locations as a graph. The visualization uses d3.v5 to render an SVG canvas with nodes and edges based on the `roads` array, which defines connections between named places. The code demonstrates modular programming by splitting functionality into separate files, including a `graph` module that exports a `buildGraph` function. It processes road pairs using string splitting and passes them to construct the final `roadGraph` object, highlighting how modular design organizes the data flow.

Eemberix@gmail.com
71% match
Loading thumbnail…

Eloquent JS: Chapter 6

This example demonstrates three JavaScript exercises from Eloquent JavaScript, Chapter 6, implemented as plain JavaScript classes and console output. It shows a `Vec` class with vector addition, subtraction, and length calculation, a `Group` class with add, delete, has, and static from methods, and a custom `GroupIterator` making groups iterable via `Symbol.iterator`. The code runs directly in the browser console, logging results for each exercise, including a numeric accumulation loop and string iteration, with no external libraries or frameworks beyond vanilla JavaScript.

Eemberix@gmail.com
64% match
Loading thumbnail…

Eloquent JS: Chapter 4 (take 3)

This example demonstrates solutions to the Chapter 4 exercises from *Eloquent JavaScript*, covering range, sum, array reversal, list conversion, and deep comparison. It shows the implementation of functions like `range`, `sum`, `reverseArray`, `arrayToList`, and `deepEqual`, with expected outputs logged via `console.log`. The page uses plain HTML, CSS, and JavaScript without external libraries, rendering results in the browser console rather than as visual graphics. The code highlights recursive approaches, step handling, and in-place array mutation, with a note that the deep comparison exercise was not fully solved.

Eemberix@gmail.com
63% match
Loading thumbnail…

Eloquent JS: Chapter 2

This example showcases the output of four JavaScript programming exercises from Chapter 2 of *Eloquent JavaScript*, rendered directly in the browser console. It demonstrates looping with `for` and `while` statements to print a triangular pattern of `#` symbols, the FizzBuzz sequence with conditional `if`/`else` logic, and a chessboard grid built through nested loops. The code uses plain JavaScript with `console.log` for output, and the accompanying HTML page uses inline CSS for styling. No external libraries are used, focusing purely on core language syntax and algorithmic thinking.

Eemberix@gmail.com
63% match
Loading thumbnail…

Eloquent JS: Chapter 5

This example displays the output of four JavaScript exercises from Chapter 5 of Eloquent JavaScript, all run in the browser console. It shows array flattening using `reduce`, a custom `loop` function, an `every` predicate implementation with `filter`, and a `dominantDirection` function that uses `countBy` and `characterScript` to classify text direction. The code relies on the standard JavaScript array methods and the predefined `SCRIPTS` dataset. The page renders only static text and styled body text via CSS, with results logged to the console.

Eemberix@gmail.com
63% match
Loading thumbnail…

Eloquent JS: Chapter 3

This example demonstrates solutions to three programming exercises from Chapter 3 of Eloquent JavaScript. It implements a minimum-finding function, a recursive even-number checker, and character-counting utilities, logging results directly to the browser console. The page uses plain JavaScript functions such as `returnMin`, `isEven`, and `countChar` to test various inputs. A minimal HTML file with inline CSS centers the title text, while all computation runs client-side without external libraries or frameworks.

Eemberix@gmail.com
62% match
Loading thumbnail…

Eloquent JS: Chapter 4 (take 2)

This example shows the console output from solving several exercises from Chapter 4 of Eloquent JavaScript, focusing on array manipulation functions. The code defines and tests a `range` function that generates numeric arrays, a `sum` function that totals array values, and two reversal functions: `reverseArray` which creates a new reversed array using `unshift`, and `reverseArrayInPlace` which mutates the original array by repeatedly unshifting elements. Written in vanilla JavaScript with no external libraries, the page uses `console.log` to print intermediate results and styled text via CSS.

Eemberix@gmail.com
61% match
Loading thumbnail…

Eloquent JS: Chapter 4

This example demonstrates JavaScript array manipulation and function definitions from Eloquent JavaScript Chapter 4, using the browser console for output. The code pushes, pops, shifts, and unshifts elements in an array, logging each operation's result. It then defines a `range` function that attempts to generate an array from start to end values, though the loop condition uses assignment instead of comparison, preventing correct execution. The page uses plain HTML, CSS, and JavaScript APIs including `console.log`, `Array.push`, `Array.pop`, `Array.shift`, and `Array.unshift`.

Eemberix@gmail.com
59% match