Project: Cat Meme
Project: Cat Meme
Embedded Files
Introduction
Introduction
Create a webpage that generates cat memes. Starting from scratch, code the HTML, CSS and JavaScript files that will let you choose a funny cat image and then add some witty text to generate an awesome cat meme to show off to your friends!
What you will make
What you will make
A cat meme generator like this one.
What you will learn
What you will learn
Writing functions in JavaScript.
Using Javascript to manipulate user input.
Using JavaScript to make a webpage update in response to user input.
What you will need
What you will need
A computer or tablet capable of accessing the internet.
Let's get started
Let's get started
Use this link to go to the Code Club online project: projects.raspberrypi.org/en/projects/cat-meme-generator and follow each step in the project.
Challenge 1: Create a webpage from scratch.
Challenge 2: Use the <form> tag to get user text and image input.
Challenge 3: Create a JavaScript function to display the meme text.
Challenge 4: Create a JavaScript function to display the meme image.
Here is a link to the finished project: trinket.io/html/ba375c2883
Page updated
Google Sites
Report abuse