JavaScript Sandbox | CodeHS - SolFind Web Lens

Home | New Lens | About

JavaScript Sandbox | CodeHS

https://codehs.com/explore/sandbox/javascript • 336 KB fetched
Open original page

JavaScript Sandbox | CodeHS

Toggle navigation

Products

Elementary | Middle

CodeHop
Standards aligned coding for districts

Tynker
Gamified coding and apps

Typing
Easy to use typing for schools

Middle | High

CodeHS Pro
Comprehensive CS platform

Certifications
Industry based credentials for CTE

Cyber Range
Interactive environment for cybersecurity labs

AI Creator
Easily create lessons with AI

Vibe Coding
Guided AI coding for students

Bool
AI coding and prototyping

Use Cases

Districts

Schools

Teachers

View All Products

Products
Explore what CodeHS has to offer for districts, schools, and teachers

*
Elementary | Middle

CodeHop Standards aligned coding for districts

Tynker Gamified coding and apps

Typing Easy to use typing for schools

*
Middle | High

CodeHS Pro Comprehensive CS platform

Certifications Industry based credentials for CTE

Cyber Range Interactive environment for cybersecurity labs

*
AI

AI Creator Easily create lessons with AI

Vibe Coding Guided AI coding for students

Bool AI coding and prototyping

*
Use Cases

Districts Comprehensive solutions for districts

Schools Tools and resources for schools

Teachers Empower educators in the classroom

View All Products

Platform

Teaching

Assignments
Create & configure your course assignments

Classroom
Manage & organize your class

Grading
Streamline your grading workflow

Academic Integrity
Build a culture of honesty in your classroom

QuizBuzz
Run gamified, interactive quizzes with your class

Tools

Data
Track & analyze student progress data

Write Code
Write, run, & debug code in a web-based IDE

Integrations
Connect CodeHS to your district's platform

AI Tools
The most complete AI toolkit in CS education

LOGIC
Measure student growth with pre- & posttests

Platform

Assignments
Create & configure your course assignments

Classroom
Manage & organize your class with customizable settings

Grading
Streamline your grading workflow.

Data
Track & analyze student assessments & progress data

Write Code
Write, run, & debug code all in a web-based IDE

Integrations
Connect CodeHS to your district’s educational platform

AI Tools
The most complete AI toolkit in CS education

Academic Integrity
Build a culture of honesty in your classroom

QuizBuzz
Run gamified, interactive quizzes with your class

LOGIC
Measure student growth with pre- & posttests

Curriculum

Computer Science Curriculum

Customizable K-12 CS curriculum

Overview

Course Catalog

* AP Courses

* AI Courses

* Interdisciplinary

* Spanish Courses

* AI Literacy

* Digital Literacy

* Cybersecurity

K-12 Pathways

* Elementary School

* Middle School

* High School

Standards

States

Supplemental

* Practice

* Tutorials

* Digital Textbooks

Curriculum
Customizable K-12 Computer Science Curriculum

* Course Catalog

* AP Courses

* Interdisciplinary

* AI Courses

* Spanish Courses

* AI Literacy

* Digital Literacy

* Cybersecurity

* K-12 Pathways

* Elementary

* Middle School

* High School

* States

* Standards

* Practice

* Tutorials

* Digital Textbooks

Professional Development PD

Professional Development

Online & in-person training to help teachers grow.

Overview

Online PD Courses

In-Person & Virtual Workshops

AI PD

Free PD Events

PD Cohorts

Teacher Certification Prep

Microcredentials

PD Membership

Professional Development
Online & In-Person Training for Teachers

* Professional Development

* Online PD Courses

* In-Person & Virtual Workshops

* AI PD

* PD Cohorts

* Free PD Events

* Teacher Certification Prep

* Microcredentials

* PD Membership

Online IDE

Write, run, & debug code right in your browser — no setup required.

Overview

Explore our languages

* JavaScript

* Python

* Java

* C++

* SQL

* HTML

* Tracy

* Blocks

* p5.js

Start a new project

Open a blank sandbox in any language.

New project

Online IDE
Write, Run, & Debug Code in an Online IDE

* Online IDE

* JavaScript

* Python

* Java

* HTML

* C++

* SQL

* Karel

* Tracy

* Blocks

* p5.js

Resources

Company

About
Learn about the CodeHS mission

Privacy Center
Our privacy & security practices

Case Studies
How schools succeed with CodeHS

Testimonials
What educators say about CodeHS

Community

Read Write Code Blog
News & stories from CodeHS

Coding in the Wild
Real world coding stories

CodeHS on X
Posts & highlights from our feed

Student Projects
Explore projects built by students

Explore

States
CS resources for your state

Knowledge Base
Help articles & how-tos

Career Center
Explore careers in tech

Resources

* About

* Privacy Center

* Case Studies

* States

* Testimonials

* CodeHS on X

* Read Write Code Blog

* Coding in the Wild

* Knowledge Base

* Student Projects

* Career Center

Request a Quote

* Log In

*
Sign Up

New Sandbox Program

Click on one of our programs below to get started coding in the sandbox!

Java

JavaScript

Python 3

HTML

Karel

Turtle

View All

Solutions

IDE

Explore

JavaScript in the CodeHS Sandbox

Every program runs right in the browser—even on Chromebooks!

Languages & tools

Pick one to see the programs you can create.

All

Java

JavaScript

Python

Karel

HTML

SQL

C++

Other

Tracy

Blocks

p5.js

Java (main)

Java

Standard Java with the main method.

Create New

Create New Sandbox Program: Java (main)

Default Template

Create your own Java (main) program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Text-Based Adventure

Fork

Type Racer

Fork

Java (console)

Java

Java that extends ConsoleProgram by default to have added functionality.

Create New

Create New Sandbox Program: Java (console)

Default Template

Create your own Java (console) program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

A Deck of Cards

Fork

Java Swing (Graphics)

Java

Standard Java with a Graphical User Interface (GUI) for writing graphical Java programs.

Create New

Create New Sandbox Program: Java Swing (Graphics)

Default Template

Create your own Java Swing (Graphics) program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Explore an Image

Fork

GridWorld

Fork

JavaScript Console

JavaScript

Write JavaScript console programs with the help of the CodeHS teaching
libraries used in many of the CodeHS courses.

Create New

Create New Sandbox Program: JavaScript Console

Default Template

Create your own JavaScript Console program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Rolling a Die

Fork

While Loop Countdown

Fork

JavaScript Graphics

JavaScript

Write JavaScript graphics programs with the help of the CodeHS teaching
libraries used in many of the CodeHS courses.

Create New

Create New Sandbox Program: JavaScript Graphics

Default Template

Create your own JavaScript Graphics program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Colorful Paint

Fork

Karel Platformer

Fork

Music in Blockly

JavaScript

Use JavaScript based block coding to make musical beats and songs.

Create New

Create New Sandbox Program: Music in Blockly

Default Template

Create your own Music in Blockly program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Beats and Colors

Fork

Art in Blockly

JavaScript

Use block coding to create digital art!

Create New

Create New Sandbox Program: Art in Blockly

Default Template

Create your own Art in Blockly program from a pre-made template.

Get Started

Sports in Blockly

JavaScript

Use block coding to code games like soccer and golf!

Create New

Create New Sandbox Program: Sports in Blockly

Default Template

Create your own Sports in Blockly program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Mini Golf

Fork

Node

JavaScript

Program server applications using JavaScript!

Create New

Create New Sandbox Program: Node

Default Template

Create your own Node program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Installing Packages

Fork

Python 3

Python

This runs Python 3 console programs, the latest version of the
language. This program type lets you install packages for your
programs.

Create New

Create New Sandbox Program: Python 3

Default Template

Create your own Python 3 program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

File IO

Fork

Python Graphics (tkinter)

Python

This runs Python 3 GUI programs, so you can draw graphics, make
GUIs, or build games.

Create New

Create New Sandbox Program: Python Graphics (tkinter)

Default Template

Create your own Python Graphics (tkinter) program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Image Viewer

Fork

Editing Images

Fork

Pygame

Python

Use Python to create graphical games.

Create New

Create New Sandbox Program: Pygame

Default Template

Create your own Pygame program from a pre-made template.

Get Started

JavaScript Karel

Karel

Code instructions for Karel the Dog in JavaScript.

Create New

Create New Sandbox Program: JavaScript Karel

Default Template

Create your own JavaScript Karel program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Writing Functions

Fork

Using Loops

Fork

JavaScript SuperKarel

Karel

Code instructions for Karel the Dog in JavaScript. SuperKarel knows how to turnRight and turnAround.

Create New

Create New Sandbox Program: JavaScript SuperKarel

Default Template

Create your own JavaScript SuperKarel program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Racing with turnRight

Fork

Bouncing SuperKarel

Fork

JavaScript UltraKarel

Karel

Write a Karel program in JavaScript. This includes everything in SuperKarel plus painting colors.

Create New

Create New Sandbox Program: JavaScript UltraKarel

Default Template

Create your own JavaScript UltraKarel program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Paint by Numbers

Fork

Java Karel

Karel

Use the Java programming language to give instructions to Karel the Dog.

Create New

Create New Sandbox Program: Java Karel

Default Template

Create your own Java Karel program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Writing Functions

Fork

Java SuperKarel

Karel

Use the Java programming language to give instructions to Karel the Dog. In SuperKarel, Karel knows turnRight and turnAround.

Create New

Create New Sandbox Program: Java SuperKarel

Default Template

Create your own Java SuperKarel program from a pre-made template.

Get Started

Python Karel

Karel

Use the Python programming language to program with Karel!

Create New

Create New Sandbox Program: Python Karel

Default Template

Create your own Python Karel program from a pre-made template.

Get Started

Python Super Karel

Karel

Use the Python programming language to program with Karel! Super Karel knows how to turn_right and turn_around.

Create New

Create New Sandbox Program: Python Super Karel

Default Template

Create your own Python Super Karel program from a pre-made template.

Get Started

Python Ultra Karel

Karel

Use the Python programming language to program with Karel! Ultra Karel can do everything Super Karel can, plus painting colors.

Create New

Create New Sandbox Program: Python Ultra Karel

Default Template

Create your own Python Ultra Karel program from a pre-made template.

Get Started

HTML

Build a website with HTML, CSS, and JavaScript.

Create New

Create New Sandbox Program: HTML

Default Template

Create your own HTML program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Multifile Websites

Fork

Virtual Reality with A-Frame

HTML

Build a Virtual Reality program that will work in a web browser or
on a smartphone. This uses an HTML and JavaScript based VR library
called A-Frame.

Create New

Create New Sandbox Program: Virtual Reality with A-Frame

Default Template

Create your own Virtual Reality with A-Frame program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Globe

Fork

SQL

Write SQL queries to build a database and query from it all online.

Create New

Create New Sandbox Program: SQL

Default Template

Create your own SQL program from a pre-made template.

Get Started

C++

Program in C++, the powerful successor of C used in data science, machine learning, and large applications.

Create New

Create New Sandbox Program: C++

Default Template

Create your own C++ program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Depth-First Search

Fork

React Native

Other

Program a mobile app using the JavaScript based React Native. You
can use native components and test in the web or on your phone.

Create New

Create New Sandbox Program: React Native

Default Template

Create your own React Native program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Light Switch

Fork

Other

Learn how to program in C, a complex and powerful language used in
low-level computer programming and Internet of Things devices.

Create New

Create New Sandbox Program: C

Default Template

Create your own C program from a pre-made template.

Get Started

Looking for some inspiration?

Get started by forking a template.

Allocating Dynamic Memory

Fork

Bit Interpreter

Other

Use binary or hexadecimal to create bit-visualizations. This is used
in the CodeHS Computing Ideas and AP CSP courses.

Create New

Create New Sandbox Program: Bit Interpreter

Default Template

Create your own Bit Interpreter program from a pre-made template.

Get Started

Tracy the Turtle

Tracy

Move Tracy around the canvas with Python to draw shapes, patterns, and art. A great first step into text-based programming.

Create New

Tracy the Turtle in Blocks

Tracy

The same Tracy drawing commands, built by dragging blocks together. Switch to the Python view any time to see the code behind the blocks.

Create New

CodeHop

Blocks

Build animations, stories, and games by dragging blocks together in our Scratch-based block editor. Designed for elementary and middle school coders.

Create New

CodeHop Jr

Blocks

A simpler, icon-driven block editor built for our youngest coders — no reading required to start making things move.

Create New

p5.js

Creative coding with the p5.js library: draw, animate, and respond to input using JavaScript, right in the browser.

Create New

JS Game Lib

p5.js

Build 2D games in JavaScript with sprites, collisions, and animation handled for you by the CodeHS game library.

Create New

No programs match that filter yet.

Products

* All Products

* Coding LMS

* Online IDE

* CodeHS Pro

* CodeHS Free

* Computer Science Curriculum

* Certifications

* Professional Development

* AI Creator

* Typing

* Cyber Range

Plans

* CodeHS Pro

* Start for Free

* Get a Quote

Use Cases

* District

* Schools

* Teachers

* CTE

Platform

* Assignments

* Classroom Management

* Grading

* Data

* Write Code

* Integrations

* AI Tools

* Academic Integrity

Curriculum

* Course Catalog

* Project Catalog

* K-12 Pathways

* AP Courses

* Elementary

* State Courses

* Spanish Courses

* Standards

* Hour of Code

* Practice

* Tutorials

* Digital Textbooks

* AP CSA Hub

* AI Curriculum

* Digital Literacy Curriculum

* Online PD Courses

* In-Person PD Workshops

* Virtual PD Workshops

* Free PD Workshops

* PD Cohorts

* Teacher Certification Prep

* Microcredentials

* PD Membership

Programming Languages

* New Sandbox Program

* Javascript

* Python

* Java

* HTML

* C++

* SQL

* Karel

Resources

* Why Computer Science

* Why Cybersecurity

* Why Learn AI

* Why Digital Literacy

* Back to School Checklist

* Case Studies

* States

* Testimonials

* Tweets

* CodeHS Blog

* Read Write Code Book

* Knowledge Base

* Webinars

* Student Projects

* Career Center

* Student Alumni

CodeHS Has Everything

* AI

* Grading

* Differentiation

* Elementary

* Assessments

* Academic Integrity

* Online IDE

* Physical Computing

* AP Courses

* Vibe Coding

* Yes

Company

* About

* Team

* Careers

* Privacy Center

* AI Center

* Terms

* Privacy Policy

* Security

* Accessibility

Products

* All Products

* Coding LMS

* Online IDE

* CodeHS Pro

* CodeHS Free

* Computer Science Curriculum

* Certifications

* Professional Development

* AI Creator

* Typing

* Cyber Range

Plans

* CodeHS Pro

* Start for Free

* Get a Quote

Platform

* Assignments

* Classroom

* Grading

* Data

* Write Code

* Integrations

* AI Tools

* Academic Integrity

* Online PD Courses

* In-Person PD Workshops

* Virtual PD Workshops

* PD Cohorts

* Teacher Certification Prep

* Microcredentials

Resources

* Why Computer Science

* Why Cybersecurity

* Why Learn AI

* Why Digital Literacy

* Back to School Checklist

* Case Studies

* States

* Testimonials

* Tweets

* CodeHS Blog

* Read Write Code Book

* Knowledge Base

* Webinars

* Student Projects

* Career Center

* Student Alumni

Use Cases

* District

* Schools

* Teachers

* CTE

Curriculum

* Course Catalog

* Project Catalog

* AP Courses

* Elementary

* State Courses

* Spanish Courses

* Standards

* Practice

* Tuto

JavaScript Sandbox | CodeHS

Links found on this page