DEV Community

Jennifer Tieu
Jennifer Tieu

Posted on

3

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.

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

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more