DEV Community

Jennifer Tieu
Jennifer Tieu

Posted on

6 1

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

Today I finished my Rock Paper Scissors UI.

Completed UI

I added a rounded border to imitate buttons for the game choices.

button styling

Then I worked on add the image selection for the player and computer. I played around with creating an element, setting attributes, add the source image, appending and removing the child elements or node.

image selection

Resources

The Odin Project
Revisiting Rock Paper Scissors

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post