Task: In this application, we'll be creating more cards. In a different way this time.

Purpose: In your web apps, different events need to occur in order for you to activate different actions. Web apps make events more useful and easier to work with!

Resource: Use THIS (Links to an external site.)Links to an external site. codepen.io link to snag the styling and array of items to use.

You will create three flashcards. Use loops to render them out.

Each flash card has a specific border color for the 'top' div inside of it. Use conditions to choose the border color based on the "category" of the flash card data.

Each flash card has two sides, one with the question, the other with the answer.

When I click the flash card, it should flip sides, and display only one side at a time.

Above the cards, you should have an input section:

Should have two text fields, one for question and one for answer.

Three radio buttons, one for each category, and selecting one chooses the category.

A button should be below all of this and submit the new flashcard information to the flashcard array, clearing the contents of the two text field