Theme Change Event

[jessrod11]

Story

As a user, I want to be able to click on radio buttons that change the theme and font styles.

Acceptance Criteria

When User clicks on a radio button Then Then an event listener will target the class of radio And Apply the appropraite style, according to which radios are selected

Technical Notes

• Goes in events.js
• get elements by class name "radio" and save as theme variable
• create stylesheets variable that is an object of key value pairs, that matches the name of the css file to the id of the Theme radio option
• The rainbow and large text radio buttons will be classes
• The night-sky will link the theme css file

[jessrod11]

const stylesheets = {
  night-sky: "styles/night-sky.css",
}

[zoeames]

This ticket will need to be done before the theme tickets. For the purpose of this ticket maybe create the css files and just change the background color for each theme when the radio button is clicked. Then use the other tickets to go back and modify each css file