← Gallery

Working with Strings

by Anonymous

Slice text with index numbers starting at 0 and find out when + adds numbers and when it joins words.

πŸ”— Open in a new tab

About this app

Working with Strings is an interactive beginner lesson for learning core JavaScript string operations. Explore zero-based character indexes with slice(), see how the + operator either adds numbers or joins text, and clean whitespace and letter case with chained string methods. Each activity provides immediate visual feedback while keeping the original string visible.

Use cases

  • Beginners learning JavaScript strings
  • Students practicing zero-based indexing
  • Teachers introducing slice() and string concatenation
  • Learners exploring trim(), uppercase, and lowercase methods

Features

  • Interactive slicing exercises using start and end indexes
  • Visual character tiles with zero-based positions and string length
  • Examples showing numeric addition versus text concatenation with +
  • Parentheses exercise demonstrating evaluation order
  • String cleanup activities using trim(), toUpperCase(), toLowerCase(), and slice()
  • Reset and step-by-step navigation with optional sound