/dom-projects

dom-projects

Primary LanguageJavaScript

Coder Academy

May-June, 2019

PROJECT 1 - DOM Browser Application Challenges

PROJECT 2 - Chuck Norris Jokes API


PROJECT 1 - DOM Browser Application Challenges

Student were asked to complete the following task;

Create a terminal application containing:

  • javascript, HTML, CSS
  • in browser only
  • no database
  • can use code from challenges

I decided to concentrate on DOM basics so focused to two challenges;
  1. Random Color generator
  2. Guess the number

1.Random Color generator

This simple application will generate a random color and display the color as decimal and hexadecimal.
Skills learned;

  • creating html, css
  • Javascript functions
  • basics in DOM; querrySelector, addEventListener

2. Guess the number .

Again a simple application that teaches how to handle user input.
Skills learned;

  • creating html, css
  • Javascript functions
  • getElementById, querySelector, addEventListener

PROJECT 2 - CHUCK NORRIS JOKES API