Lab 17 Reflection

      Lab 17 was tied in with making an online stone, paper, scissors game. The primary thing I did in the wake of setting up my HTML archive was made 3 divs: one to show each of the 3 moves the client could make, one to show the PC, and one that sat over the 2 different divs clarifying the standards and showing the result of a match. Utilizing CSS glide properties, I set the divs showing the player's moveset and the PC next to each other by first giving both widths of half and afterward giving each a buoy a contrary way to the next. When I had the divs in a design I needed, I set up 3 <img> labels in the player move div with pictures showing the moves the client could make against the PC: rock, paper, or scissor. I set up a <img> tag in the PC's div showing a straightforward picture of a PC to make the client feel like they were really going up against something, in any event, making the divs an alternate shading to depict complexity and struggle.  In order to complete this lab, I had used a lot of JavaScript and little to no CSS. In my HTML, I had created three buttons that would allow for the user to select either rock, paper or scissors. Upon clicking the button, the javascript to run a long function executes. This function consists of using a random number generator to roll for the CPU while also producing the results and displays what you and the CPU threw. This function also compares both your throw and the CPU's throw to see who won and then displays it in the middle.