Dice Roll

Roll the die! The project comes from Lab 4. Using our HTML, CSS, and JavaScript skills to import programs we had already created. Click on the button or on the die to roll. The JavaScript code will create a random roll from 1 - 6.

Pick a card!

Pick a card! Another project from Lab 4. Using our HTML, CSS, and JavaScript skills to import programs we had already created. Like Roll the die, Pick a card allows you to click on the button or the card to draw a random card. JavaScript code running behind the scenes chooses a random number from 1 - 52 and displays the corresponding card!

CSS Position

Our final project from Lab 4 consists of using the CSS Position Property to move a frame about the page. Using JavaScipt and CSS the viewer is able to change whether the position of the middle frame is static, relative, absolute, or fixed. They are also able to set bottom and right position numerically.

Chat Client

Lab 6, our final regular lab, consists of a chat window. While there is no one on the back end to respond to you, it does allow you to type a message and it will appear in the chat window above. Use the chat control guide to add emojis, roll a die, or see a holiday surprise!

s