← Gallery

Objects

by Anonymous

Change an object's properties by calling their labels, comparing access by name and by index and digging into boxes nested inside boxes.

Ready to remix β€” hit the 🍴 Remix button below. You'll sign up first, then this app is copied into your workspace.

πŸ”— Open in a new tab

About this app

Objects is an interactive JavaScript learning app for beginners. Explore how objects store multiple values under named properties, compare name-based access with array-style numeric access, navigate nested objects, and use a for loop with conditions to inspect a collection of cards.

Use cases

  • Beginners learning JavaScript objects and data structures
  • Teachers demonstrating property access and nested objects
  • Students practicing dot notation and bracket notation
  • Learners exploring for loops and conditional filtering

Features

  • Interactive name-based and number-based value editing
  • Missions for changing object properties such as name, hp, and coin
  • Step-by-step nested object access using paths such as hero.bag.gold
  • Exercises for selecting cards by hp or coin with comparison operators
  • Animated walkthrough of a for loop checking cards one by one