Skip to main content
SimilarExport ZIP
100%

Cars Report

✓ Published1🌍 Public
JJoshuaBruens
Last edited Feb 14, 2020
Created on Feb 14, 2020
Forked from Cars Report

This example displays a text-based report of cars filtered by price, showing formatted entries such as "2000 Honda accord: $2600" in a large <pre> element. The page initially shows a "Loading..." message while a Promise from `getCars()` waits two seconds before resolving with a hardcoded JSON array of car objects. After resolution, the `report` function filters cars using `Array.filter`, formats each with a template literal, and joins them with newlines. The React framework is present in the starter code, though the core logic uses plain JavaScript Promises and DOM manipulation via `document.getElementById`.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Report

This example displays a text-based report of cars filtered by price, showing formatted entries such as "2000 Honda accord: $2600" in a large <pre> element. The page initially shows a "Loading..." message while a Promise from `getCars()` waits two seconds before resolving with a hardcoded JSON array of car objects. After resolution, the `report` function filters cars using `Array.filter`, formats each with a template literal, and joins them with newlines. The React framework is present in the starter code, though the core logic uses plain JavaScript Promises and DOM manipulation via `document.getElementById`.

JJoshuaBruens
100% match
Loading thumbnail…

Cars Report

This example demonstrates a text-based report of cars filtered by price, showing the car year, make, model, and price. It initially displays a "Loading..." message while fetching data asynchronously via a Promise from `getCars`. Once the simulated two-second delay resolves, it generates a filtered list using JavaScript array methods (`filter` and `map`), formats each car with a custom `formatCar` function, and updates the DOM's `textContent` in an HTML `<pre>` element. The report only includes cars under $2,000, selected from a hardcoded JSON array parsed with `JSON.parse`.

Mmp7090
95% match
Loading thumbnail…

Cars Report

This example demonstrates a report of cars filtered by price, displaying formatted car details as plain text. The page initially shows a "loading..." message, then fetches car data from an embedded JSON array parsed with `JSON.parse`, which is delivered asynchronously through a Promise with a simulated 2-second delay. The core logic, using the `map` and `filter` array methods within a custom `generateReport` function, selects cars below a price threshold and formats each entry into a string like "1998 Honda CRV $1400". The React framework is referenced, but the current implementation relies on vanilla JavaScript to manipulate the DOM via `document.getElementById`.

JJamesChirambo
94% match
Loading thumbnail…

Cars Report

This example displays a text-based report of cars filtered by price, showing each car’s year, make, model, and cost on a large HTML `<pre>` element. It fetches car data asynchronously from a hardcoded JSON array after a two-second delay, then filters vehicles under $2,000 and formats them into a list. The code uses JavaScript Promises via `getCars()`, string template literals in `formatCar`, and the array methods `filter`, `map`, and `join` within `generateReport`, with React not actively used despite being listed in the framework metadata.

KKenneth Goh
94% match
Loading thumbnail…

Cars Report

This example demonstrates a simple text-based report of car listings, filtering results by price and formatting each entry as a single line with the year, make, model, and cost. The page initially displays “Loading,” then renders the report after a simulated two-second delay using a Promise from the `getCars` function. Built with React and vanilla JavaScript, it relies on the `formatCar` and `generateReport` modules, and updates the DOM by setting the `textContent` of a pre-existing `<pre>` element. The data originates from a hardcoded JSON array parsed via `JSON.parse`.

LLyncoln
94% match
Loading thumbnail…

Cars Report

This example shows a text-based report of cars filtered by price, displaying each car’s year, make, model, and price in a large, left-aligned `<pre>` element. The page first shows “Loading...”, then, after a simulated 2-second delay from a Promise, renders the report for cars priced under $2,000. It uses React-style ES modules (`getCars`, `formatCar`, `generateReport`) to parse JSON data and filter with `Array.filter` and `Array.map`. The visualization is purely typographic, with no charts or graphics.

BBaraneedharan N M
93% match
Loading thumbnail…

Cars Report [complete]

This example demonstrates a text-based report of cars filtered by price, displaying each car’s year, make, model, and cost in a large, preformatted HTML element. The page initially shows “Loading...” and then, after a simulated two-second delay, renders the filtered list. The code uses JavaScript promises with `getCars` to fetch a hardcoded JSON array, and `generateReport` with `formatCar` to filter and stringify the data. It relies on plain DOM manipulation via `document.getElementById` to update the message element, with no external visualization libraries.

SShokoLocoMocco
93% match
Loading thumbnail…

Cars Report

This example displays a plain-text report of cars under a price threshold, generated from a hardcoded JSON dataset. After a simulated two-second delay via a Promise, it filters the car list by price, formats each entry as a string, and injects the result into a `<pre>` element. The code uses React-free JavaScript modules, including `getCars` for data retrieval, `generateReport` for filtering and formatting, and `document.getElementById` for DOM updates.

Ddanielblnunes
93% match