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

Initial Page

How this web works

vllo.1.mp4