Daily Flag

Alright so I wrote a new CTF-style problem for you (half reverse-engineering half web 100% javascript):

See the Pen JS Flag Checker by Andy Novocin (@AndyNovo) on CodePen.

Jumping in

So first class I tried to establish a sort of GOAL-BASED just-in-time learning, pick something that's just beyond what you're currently capable of and figure out what you need to get there.

I also suggested Javascript has 3 main identities, JS the language, the DOM master, and NodeJS as your server.

So I'm going to try something wacky to practice 2 of those 3 (DOM and language):

I'll make a simple Rock-Paper-Scissors game

Some Steps Maybe

OK rock-paper-scissors:

• Let's make a button to start the round
• Let's make 3 buttons which have Rock, Paper, Scissors as options
• Let's make some logic that picks the CPU's play and reads the player's pick
• We need a display area that shows the results
• We can have a win-loss record display too

OK so what are the missing skills between the goal and the product?

• Some place to host our app: I'll use https://codepen.io/pen
• Some buttons and text displays: I'll use HTML tags (notes in https://websec.prof.ninja/basics)
• Ways to identify WHICH button gets clicked: I'll use CSS selectors (practice at https://flukeout.github.io/)
• Ways to react to clicks and such: I'll use event listeners (docs at https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener)

Home Practice

• Make an input box that can take in someone's name and greets them.
• Solve the first couple https://projecteuler.net/archives problems in a javascript console somewhere.
• Get some flags