Lesson Planet
Search educational resources
  • Sign In Try It Free
  • AI Teacher Tools
    • Discover Resources Search reviewed educational resources by keyword, subject, grade, type, and more
    • Curriculum Manager (My Content) Manage saved and uploaded resources and folders To Access the Curriculum Manager Sign In or Join Now
    • Browse Resource Directory Browse educational resources by subject and topic
    • Curriculum Calendar Explore curriculum resources by date
    • Lesson Planning Articles Timely and inspiring teaching ideas that you can apply in your classroom
    • Our Story
    • Frequently Asked Questions
    • Testimonials
    • Contact Us
  • Pricing
  • School Access
    • Your school or district can sign up for Lesson Planet — with no cost to teachers
      Learn More
  • Sign In
  • Try It Free

Hi, what do you want to do?

Create a lesson plan
Create a lesson plan
Generate resources with 80+ AI teacher tools
Generate resources with 80+ AI teacher tools
Search 200,000 instructional videos
Search 200,000 instructional videos
Find a teaching resource
Find a teaching resource
Challenge: Bouncy Ball InteractiveChallenge: Bouncy Ball Interactive
Publisher
Khan Academy
Resource Details
Curator Rating
Educator Rating
Not yet Rated
Grade
6th - Higher Ed
Subjects
STEM
1 more...
Resource Types
Activities & Projects
1 more...
Audiences
For Teacher Use
1 more...
Duration
15 mins
Instructional Strategies
Guided Practice
2 more...
Usage Permissions
Creative Commons
BY-NC-SA: 3.0
cc
Interactive

Challenge: Bouncy Ball

Curated and Reviewed by Lesson Planet
This Challenge: Bouncy Ball interactive also includes:
  • Student Reference
  • Join to access all included materials

Create your own bouncing ball program with this guided activity. Java Script code that sends a ball down the screen is provided. The task is to fix the code to make it bounce up when it hits the bottom of the screen and then down again when it hits the top. Let your coders try out their understanding of conditional if statements. 

10 Views 4 Downloads

Concepts

javascript, computer code, Computer Programming, coding, computer drawing, animation

Additional Tags

programming in javascript, drawing and animation coding

Pros

  • The results from changes in code are immediately displayed so coders can develop a deeper understanding of their code
  • Simple, easy-to-follow steps are broken down to provide guidance and help a variety of learners

Cons

  • None

See similar resources:

App

Lightbot Jr 4 Coding Puzzles

Sprite Box
Learning how to write computer code has never been so much fun! Given control of their very own robots, children create simple programs in order to solve a series of challenges and develop their problem solving skills.
2nd - 8th STEM
Instructional Video

Logical Operators, Computer Programming

Khan Academy
As the author in this video states, "Life is complex." To handle this complexity, programming languages use something called Boolean operators. In a simple JavaScript code example, this video shows how to set up a conditional statement...
5 mins 6th - Higher Ed STEM
Instructional Video

More Mouse Interaction, Computer Programming

Khan Academy
Creating interactive programs can be very exciting for new computer programmers. The author shows how to use mouseIsPressed within a conditional statement to create a small JavaScript program that responds to the user's mouse press.
4 mins 6th - Higher Ed STEM
Instructional Video

Arrays of Objects, Intro to JS: Drawing & Animation, Computer Programming

Khan Academy
Expand your beginning coder's use of objects in programs by looking at examples where you can change code to define and use objects in arrays and pass objects as parameters to a function. All of this leads to a deeper understanding of...
6 mins 6th - Higher Ed STEM
Instructional Video

Modifying Arrays, Computer Programming

Khan Academy
An instructional video combines arrays, loops, and mouse clicks. The author shows how to modify JavaScript code to add a balloon each time the mouse is clicked. The video also shows two different ways to add to the end of the array: one...
6 mins 6th - Higher Ed STEM
Instructional Video

Learn to Code: Understanding Functions and Making a Guessing Game

Lifehacker
Here's where it all comes together. Using the skills learned in the previous three videos, the final installment of this series on JavaScript explores how to create functions. By the end of the video, young programmers will be able...
8 mins 9th - Higher Ed STEM
CCSS: Adaptable
Instructional Video

If Statements, Computer Programming

Khan Academy
This video continues the Khan Academy tutorials and activities on writing code in JavaScript. Here, we are introduced to the conditional if statement. The result is a cute program that produces a bouncing ball. Your young programmers...
4 mins 6th - Higher Ed STEM
Interactive

Project: Magic 8-Ball

Khan Academy
Your student programmers will enjoy creating their own Magic 8-ball in this JavaScript activity. This a great opportunity to practice using if and else statements based on randomly generated numbers. What will you ask the 8-ball? 
6th - Higher Ed STEM
Lesson Plan

Understanding Program Flow and Logic

Code.org
Explore decision-making logic in programming computer games. The 10th installment of a 21-part unit teaches scholars how to apply conditional statements and Boolean expressions. They use these concepts to create a "Guess My Number" game...
9th - 12th STEM
Interactive

Challenge: Number Analyzer

Khan Academy
The JavaScript program you create will answer a simple question about a number. Is it positive, negative, or zero? Create a Boolean expression and use conditional if statements to test the value and then print the...
6th - Higher Ed STEM
Try It Free
© 1999-2026 Learning Explorer, Inc.
Teacher Lesson Plans, Worksheets and Resources

Sign up for the Lesson Planet Monthly Newsletter

Open Educational Resources (OER)

  • Health
  • Language Arts
  • Languages
  • Math
  • Physical Education
  • Science
  • Social Studies
  • Special Education
  • Visual and Performing Arts
View All Lesson Plans

Discover Resources

  • Our Review Process
  • How it Works
  • How to Search
  • Create a Collection

Manage Curriculum

  • Edit a Collection
  • Assign to Students
  • Manage My Content
Contact Us Site Map Privacy Policy Terms of Use