Main Page

Manipulating DOM

• DOM Creating content
• DOM div in div
• DOM Changing elements
• DOM Working with data
• DOM Content from lists
• DOM Controls that do things

Useful patterns

• DOM Common Logic
• DOM Shopping
• DOM Calendar
• World Factbook
• DOM Options

Drawing images

• Flags with Rectangles
• Flags with Lines
• Flags with Polygons
• Flags with Stars
• Flags with Repeats
• Flags with Methods
• Flags inspired by Bridget Riley

Use your own computer Tutorials

• pokemon

Quiz

• Quiz - HTML
• Assessment2021 09Easy
• Assessment2021 09Medium
• Assessment2021 09Hard

Server-side concerns

• Buy and set up a server
• Running flask dev & prod
• Encryption
• Testing for prime

Data

• File:Flags.zip
• File:Worldl.json
• File:Zodiac.json

1) Hello World

Hello World

Input

document.body.innerHTML = 'Hellow orld';

xxxxxxxxxx

 

1

document.body.innerHTML = 'Hellow orld';

2

​

Go reset

Output

document.body.innerHTML = 'Hellow orld';

document.body.innerHTML = 'Hello world!';