Thursday, January 16, 2020

Lab 20 Reflection

   In this lab, I had created 5 panels in HTML, and then I used JavaScript and CSS to turn them into images that expand in more text if you click on it. This lab was tied in with making vertical boards, each with an alternate foundation picture, that uncovered a message when clicked. In the wake of setting up the HTML report, I set up 5 divs with various foundation picture traits in the CSS. Inside each div, I put a covered up, 3 word message between 3 <p> labels for each word, with just the center of the 3 at first noticeable. When the boards were set up, I included occasion audience members in the JS that would add a CSS class to the board when clicked, .addEventListener("click", toggleOpen). This class would open the board and uncover the full message.

No comments:

Post a Comment

G4C #3 Report

G4C #3 GET THE PARTY STARTED Brian Sherpa The Issue: A significant percentage of Americans are currently dissatisfied with both political...