Js Jquery Stop Propogation Lab

Objectives

  • use stopPropagation() to prevent event handlers from bubbling up

Intro

You've been hired to fix some major issues with a traffic light. Your job is to modify the existing code to make sure that the events firing on the page are only firing when you want them to.

Instructions

Open up index.html in the browser. You should see the outline of 3 traffic lights. When you click on the body of any of the lights, the background of the fixture should turn purple. When you click it again, it should turn white.

When you click on one of the lights, like the top light of the first fixture, the light turns red, but the body also turns purple. Click around a bit and take a look at the behavior of the lights.

Ideally, we want to be able to click on the lights and only have that specific light change color. Your job is to edit the code in js/script.js to make that happen.

Currently, three tests fail. These tests check to see that the click event on the light fixture isn't fired when you click on an individual light. You'll want to make sure to pass all the tests.

View Stop Propagation Lab on Learn.co and start learning to code for free.

Unlock your future in tech
Learn to code.

Learn about Flatiron School's Mission

With a new take on education that falls somewhere between self-taught prodigy and four-year computer science degree, the Flatiron School promises to turn students with little programming experience into developers.

In the six months since the Manhattan coding school was acquired by WeWork, it has spawned locations in Washington, D.C., Brooklyn, and London. Now, WeWork is opening a fourth Flatiron School location, this time in Houston.

Adam Enbar, Flatiron School's cofounder, believes now is the time to grow. "How the world is changing has impacted working and learning in very similar ways. We think education fundamentally is about one thing: enabling people to pursue a better life."

Learn. Love. Code.
Students come to Flatiron School to change their lives. Join our driven community of career-changers and master the skills you need to become a software engineer or a data scientist.
Find Us