Member-only story

JavaScript Shopping List

YvonneDev
3 min readMay 4, 2019

--

I’ve been learning JavaScript lately,acturally for a long time,still a mystery for me.
I’m attending the class at Udemy,and this is the small project with my customed styles.

GitHub

HTML

Remember to link the stylesheet in head and js file in the body

HTML With some titles at the top of the list, the typing section, and display section are interactive.

CSS

css1Import the font “Lobster” from google fonts.
The background is a picture which looks more fancy.
The outside of the “Shopping list” is a container which is a box with fixed width and centered of the screen.
I gave the title a text-shadow,looks nice,right?😉

--

--

YvonneDev
YvonneDev

Written by YvonneDev

❤️Front-end Web Development self-taught *share what I learned*

No responses yet