Build a Random Meme Generator with HTML and JavaScript! (Complete Beginners Project)

This is part of my Frontend Web Development Course for Beginners. Learn the basics of HTML, CSS, and JavaScript to build a solid foundation for web development.

You can find resources and other information for this video at the Full Stack Foundations link below:

-------------------------------------------------------------------------------------

Connect with me:

-------------------------------------------------------------------------------------

Timestamps:

0:00 Intro and Requirements
5:04 Overview of starter project
9:58 Let's start coding!

[balaeinstein]

god bless you man. People around the world are charging thousands of dollars for these kind of full stack developer bootcamps . But you are sharing your knowledge for free. hats off . god bless.

[CodingJourney]

Very nice project for teaching DOM manipulation!! Also never heard of the HTML "hidden" attribute before, thanks 😉🙂 Doing great man, keep it up!! 💯👍

[CodingNuggets]

Subscribed to you after watching your tutorial on Brad's channel the other day. So glad to have such amazing people in the community. See you soon my friend!

[vaughanmacegan]

Ok, I got the "Meme Generator" done. Took a bit of time to do and ran into some snags along the way, I think it functions like the very short example we got of the webpage in action. I wasn't gelling with idea of having code done for us, so, I created a new webpage soley in Windows Notepad (fun) and began creating it from scratch, the only thing I couldn't replicate was the buttons all neatly in a column on the right hand side(?!?), without a table, I need to look at that. The JS code for removing items based on the buttons pressed got unwieldy and needs to be changed (refactored) and its own function, but, it is functional, I then copied and pasted the code into Codepen with your design template (and a couple of changes) and it worked. In the end, I wasn't so much happy, but, relieved 😁.

[Ran_Do]

this took me a hell of a while, but I finally did it.

[vaughanmacegan]

I *know* I won't get an answer here or on Github (i've tried both), but, I'll ask anyway. How on earth do I get the Starter Pack into my own Codepen to start working on it and can save it? I don't have a clue. I reply would be greatly appreciated!