Fly with code

Get wet inside ocean of code

0%

JS Dungeon Level1: MULTIPLICATION CHART

Design Layout

Key Point

  • Use JS loop to print out number on screen
  • Combine HTML, CSS, JavaScript languages
  • Result matches with Design UI

Skills Used

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap 3

Step By Step

  • Organize HTML structure first.
  • Adopt grid line system to perform it.
  • When encountering MULTIPLICATION issue, just remember to use double JS loops.
  • Use Template literals to collect HTML code.
  • Render on the screen.

Demo

https://a7474267.github.io/JS-Dungeon-LV1/index.html