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.
Subscribe to:
Post Comments (Atom)
G4C #3 Report
G4C #3 GET THE PARTY STARTED Brian Sherpa The Issue: A significant percentage of Americans are currently dissatisfied with both political...

-
This lab consists of a webpage that has a timer. That's it. It's literally a web page used to keep track of time. There are al...
-
This year's CTE Expo was amazing! You may ask yourself what is the CTE Expo, well it's basically an event where all CTE S...
-
Lab 15 Clocks and Drums was the primary lab I was doled out to do utilizing the site javascript 30, which is a site that attempts to...
No comments:
Post a Comment