Skip to content

Mhowitt/meme_generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

meme_generator

Meme generator Project

Part 4 - JavaScript and the DOM, Part I

For this assignment, you’ll be building a meme generator in the browser using HTML, CSS, and JavaScript.

Your generator should consist of a form that accepts a link to an image, text for the top of the meme, and text for the bottom of the meme. When the user submits the form, use JavaScript to append to the DOM a div which contains the meme, including the image and its text.

Requirements

As a user, I can submit a form on the page to generate a new meme on the page.

As a user, I can add multiple memes to the page by submitting the form multiple times.

As a user, I can click on a button to remove a meme that I’ve added to the page.

(Technical) When the meme form is submitted, values in the form inputs should be cleared out.

Be sure to style your meme generator! It should be functional but also look nice.

Make sure you use vanilla JavaScript only - no frameworks or third-party libraries.