Javascript: Lights Out!


Make a scene of simple room/wall having a light bulb and a switch and host it on Github pages. Make the switch control the light bulb. On one click it switches it on and on the other switches it off. Brownie points for multiple switches and lights. See an example here: . You can see a simple toggle switch that makes the bulb turn on and off. When you finish add a link to a) your code and b) your web project to the students website at (section Lights Out).


  • Make use of JavaScript
  • Understanding of Github Pages or website hosting
  • html, javascript, css

Expected Outcome

  • code hosted on github
  • website with light bulbs that can be switched on or off
  • website or github pages that can be accessed over the web (e.g.
  • add the link to a) your code and b) your website to the students website at
  • project works on Chrome and Firefox
  • a tweet or post on another social network, e.g. "Lights Out! Created a #Javascript bulb @fossasia #GCI http://link-to-your-website-project @hpdang"


Task tags

  • lights out
  • game
  • javascript
  • html
  • bulb

Students who completed this task

Anish M., Yathannsh, Aditya Singh, Piggeh, mborsch, Nastya, shiftsayan, Yash Kumar Verma, Gegeneo, Duc Phan Duy, mYsTeRi0us, Darryl Yeo, Jerrayl Ng, antoniomdk, nathanhleung, Andrei, Delta, Somya, Muakasan, Raheel102, choyiny, Shashank, ThatOneIndianDude, Anshuman73, pineappleskyes, Jason, Oana Rosca, ng.xingyu, Mehmet Cagri Ari, Jie Qi Boh, seadog007, Ronin, JLeow00, Parth Sharma, Awaykened

Task type

  • code Code
  • web Design