This site is home to some Javascript Challenges I tried out!

I had a lot of fun with this challenge! For the CSS + JS Clock, I used JS code to make a clock that shows the second, minute, and hour hand, showing the current time. I personalized this challenge a few different ways. I changed the size of the clock to be twice its original size, I changed the color to be two different shades of pink, added a groove border on the outside of the clock, and added a colorful background image to make the page appear more aesthetic as a whole. I ran into a few problems with the coding for this challenge because, as most coding is, I would leave out a parenthesis or semicolon here and there which completely change/disable the movement of the hands of the clock. But, after watching the video a few times and examining the code, I was able to spot my problem areas!

For this challenge, I used JS code to create a canvas that paints wherever you click. As you drag the mouse across the screen, my coding made it so the size of the brush not only changes but changes through the color of the rainbow. Another way I personalized this challenge was by adjusting it’s composition, and how the colors appear on the screen when the mouse is dragged back over a spot it has already been. After experimenting with a few different blend modes, such as hard-light, multiply, color burn, and so on, I made the composition, “soft light.” This not only made it so new drawings would appear to be underneath previous drawings, but the appearance of the color becomes darker as you continue drawing underneath old drawings.

For this challenge, I used JS code to create flex panels that expand when clicked, each containing 3-word quotes that are shown fully in expansion. For this challenge I wanted to personalize it a few ways. I started by changing the images to be more aesthetically pleasing and fitting to the quotes, then I changed the quotes to be something I liked better, I then made it so when each panel opened, a border would surround the words that pop up on the screen, making each word appear to be framed by a white border. I struggled a bit with this challenge when I began messing with the border, because I accidentally made it where when the panels were opened, they did not all fit the screen. After, like challenge two, re-watching the videos and looking over my code, I was able to see my mistakes and fix my mistakes.