Self-Taught Developer Journal, Day 45: TOP Building Rock Paper Scissors UI cont.

Today…

I am still working on the Rock Paper Scissors UI for The Odin Project.

I designed a rough mock up of what I plan to create for the game.

Since we already created the logic for the game in JavaScript, I don’t have to worry about the scrip…


This content originally appeared on DEV Community and was authored by Jennifer Tieu

Today...

I am still working on the Rock Paper Scissors UI for The Odin Project.

I designed a rough mock up of what I plan to create for the game.

Mockup

Since we already created the logic for the game in JavaScript, I don't have to worry about the script right now. So I am going to focus on creating the HTML elements first and use CSS to set them in the desired locations. Then I will add the DOM manipulation methods and events in my JavaScript code because I'll have something to select.

After testing the game, I will go back and add the CSS to style. I am not sure yet on the exact design, but I will decide that after I get the game working on the webpage.

Resources

The Odin Project
Revisiting Rock Paper Scissors


This content originally appeared on DEV Community and was authored by Jennifer Tieu


Print Share Comment Cite Upload Translate Updates
APA

Jennifer Tieu | Sciencx (2022-01-22T05:44:26+00:00) Self-Taught Developer Journal, Day 45: TOP Building Rock Paper Scissors UI cont.. Retrieved from https://www.scien.cx/2022/01/22/self-taught-developer-journal-day-45-top-building-rock-paper-scissors-ui-cont/

MLA
" » Self-Taught Developer Journal, Day 45: TOP Building Rock Paper Scissors UI cont.." Jennifer Tieu | Sciencx - Saturday January 22, 2022, https://www.scien.cx/2022/01/22/self-taught-developer-journal-day-45-top-building-rock-paper-scissors-ui-cont/
HARVARD
Jennifer Tieu | Sciencx Saturday January 22, 2022 » Self-Taught Developer Journal, Day 45: TOP Building Rock Paper Scissors UI cont.., viewed ,<https://www.scien.cx/2022/01/22/self-taught-developer-journal-day-45-top-building-rock-paper-scissors-ui-cont/>
VANCOUVER
Jennifer Tieu | Sciencx - » Self-Taught Developer Journal, Day 45: TOP Building Rock Paper Scissors UI cont.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/01/22/self-taught-developer-journal-day-45-top-building-rock-paper-scissors-ui-cont/
CHICAGO
" » Self-Taught Developer Journal, Day 45: TOP Building Rock Paper Scissors UI cont.." Jennifer Tieu | Sciencx - Accessed . https://www.scien.cx/2022/01/22/self-taught-developer-journal-day-45-top-building-rock-paper-scissors-ui-cont/
IEEE
" » Self-Taught Developer Journal, Day 45: TOP Building Rock Paper Scissors UI cont.." Jennifer Tieu | Sciencx [Online]. Available: https://www.scien.cx/2022/01/22/self-taught-developer-journal-day-45-top-building-rock-paper-scissors-ui-cont/. [Accessed: ]
rf:citation
» Self-Taught Developer Journal, Day 45: TOP Building Rock Paper Scissors UI cont. | Jennifer Tieu | Sciencx | https://www.scien.cx/2022/01/22/self-taught-developer-journal-day-45-top-building-rock-paper-scissors-ui-cont/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.