Meysam Alishahi

@meysamalishahi·2 public vizzes

Cras Report

This example displays a report of cars, listing their year, make, model, and price. It filters the cars to show only those under a price threshold of 2000 and formats them into a text report. The interface initially shows "Loading..." before using a Promise to fetch the car data from a hardcoded JSON array after a two-second delay. The React app's index.js updates the HTML message element's text content with the generated report.

Oct 9, 2020

Loading thumbnail…

Cars Report

This example demonstrates how to generate a text-based report of cars filtered by price. It shows a loading message while fetching a local JSON dataset, then displays formatted car details (year, make, model, and price) for vehicles under $2,000. The code uses JavaScript modules (`import`/`export`), a `Promise` with `setTimeout` to simulate asynchronous data retrieval, and `Array.filter()`, `Array.map()`, and `Array.join()` to process and render the report. The output appears in a `<pre>` element with styling.

Oct 8, 2020