Skip to content

Latest commit

 

History

History
27 lines (19 loc) · 1.17 KB

README.md

File metadata and controls

27 lines (19 loc) · 1.17 KB

Make Momentum using Javascript

Using Vanilla Javascript, made my Momentum page

- Course from nomadcoders -

What functions I used in this page:

  1. Hide some elements -> 'hidden' class in HTML, 'display: none' in CSS, and they are controled in Javascript
  2. Prevent page refresh after submit of input tag -> use preventDefault()
  3. Save my(user) name -> use browser's localStorage
  4. Create a clock -> use Date(), padStart()
  5. Create a img tag in HTML -> Display three random background images using Math.random()
  6. Create a span tag in HTML -> Display ten random quotes using Math.random()
  7. Create a to-do list -> save/load an array to localStorage, delete an element of array and save, some JSON convert
  8. Get a weather from my location -> use weather API from openweathermap, fetch weather, temperature, and city name

Result

image

Initial Page

image

How this web works

vllo.1.mp4