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

Today, I’m still working on the JavaScript code. I began updating the elements in the UI for the selection, score, and result.

“Remember that JavaScript does not alter your HTML, but the DOM – your HTML file will look the same, but the JavaScript chan…


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

Today, I'm still working on the JavaScript code. I began updating the elements in the UI for the selection, score, and result.

"Remember that JavaScript does not alter your HTML, but the DOM - your HTML file will look the same, but the JavaScript changes what the browser renders."

Tested computer and player selection output with the console.
Console
JS Test

Tested updating elements in the UI. I want to ideally move location of the element in the center. I might need to create another div.
UI Choices

Tested updating round result and score.
Default
Test Result

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-02-04T04:13:54+00:00) Self-Taught Developer Journal, Day 53: TOP Building Rock Paper Scissors UI cont.. Retrieved from https://www.scien.cx/2022/02/04/self-taught-developer-journal-day-53-top-building-rock-paper-scissors-ui-cont/

MLA
" » Self-Taught Developer Journal, Day 53: TOP Building Rock Paper Scissors UI cont.." Jennifer Tieu | Sciencx - Friday February 4, 2022, https://www.scien.cx/2022/02/04/self-taught-developer-journal-day-53-top-building-rock-paper-scissors-ui-cont/
HARVARD
Jennifer Tieu | Sciencx Friday February 4, 2022 » Self-Taught Developer Journal, Day 53: TOP Building Rock Paper Scissors UI cont.., viewed ,<https://www.scien.cx/2022/02/04/self-taught-developer-journal-day-53-top-building-rock-paper-scissors-ui-cont/>
VANCOUVER
Jennifer Tieu | Sciencx - » Self-Taught Developer Journal, Day 53: TOP Building Rock Paper Scissors UI cont.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/02/04/self-taught-developer-journal-day-53-top-building-rock-paper-scissors-ui-cont/
CHICAGO
" » Self-Taught Developer Journal, Day 53: TOP Building Rock Paper Scissors UI cont.." Jennifer Tieu | Sciencx - Accessed . https://www.scien.cx/2022/02/04/self-taught-developer-journal-day-53-top-building-rock-paper-scissors-ui-cont/
IEEE
" » Self-Taught Developer Journal, Day 53: TOP Building Rock Paper Scissors UI cont.." Jennifer Tieu | Sciencx [Online]. Available: https://www.scien.cx/2022/02/04/self-taught-developer-journal-day-53-top-building-rock-paper-scissors-ui-cont/. [Accessed: ]
rf:citation
» Self-Taught Developer Journal, Day 53: TOP Building Rock Paper Scissors UI cont. | Jennifer Tieu | Sciencx | https://www.scien.cx/2022/02/04/self-taught-developer-journal-day-53-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.