Text Content In-Class Exercise

For this assignment, all you need to do is create a web page with buttons on it. When you press the buttons, the text of an element should change. You can implement one of the examples below, or be creative and come up with your own!

• Multiple-Choice Quiz: Create a quiz with a question and several buttons. Depending on which one you click, an element reveals text that tells you if you are right or wrong.
• Bar change: Create a bar along with several buttons that change the width and some text above that says how wide the bar is.
• Daily Horoscope: Create a horoscope that reveals different predictions for your life based on which zodiac sign button you click.
• Birthday Card example: Create an online card that you reveal by clicking on a button.
• Light simulator: Create a lamp with buttons to change the brightness and the color of the room accordingly.

If you finish early, try expanding the exercise in different ways. You can add CSS to give it a professional polish or create more buttons. Deploy your site and send it to me at freedmand@temple.edu when you’re ready.