At this point I assume that you have done a course in Processing that will help you guide your way to Javascript.


Take a look at this example. Run it on your computer.

Everything on that file should be commented so that you understand what's going on. Make changes to the file that you understand and see if those will run properly as well

  1. Change the width or height of the element to different
  2. What if you change the multiplier of randomness to something else than 100? (line 22)
  3. Familiarize yourself with getElementsByTagName, getElementsByClassName and getElementById test if you can change the selector to these by creating an id or class
  4. Can you make it snow only in a specific div? (Hint: Make a new div with class or id in HTML and change position relative on line 17 in newDiv)

Check out how to run things on different files instead.

Take a look at this example. Run it on your computer

  1. Take a look how other files are referred in index.html
  2. We had the event listener on the button in our last example ( <button onclick="doSomething()"></button> )
  3. Now we're separating that to the js file instead. Take a look at how it's done. Familiarize yourself with this
  4. Go and play, make changes,


Follow along and write your own calculator. However the youtuber didn't make it too pretty at this point. Use your skills to stylize your new shiny calculator, zip it and return it.

Last modified: Tuesday, 30 November 2021, 7:42 PM