DEV Community

Jennifer Tieu
Jennifer Tieu

Posted on • Edited on

4

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

#webdev #beginners #codenewbie #devjournal

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

profile
Datadog
 Promoted

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)

profile
Coherence
 Promoted

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

Read next

prince_beec5ccde00b7c6c73 profile image

Animation loader with latest ui/ux effects using the html css and javascript

Prince -

ingeniouswebster profile image

50 Shades of React: Questions to Prepare for the Interview Battle

Pratik Singh -

indrayyana profile image

How To Set Up and Configure Gmail SMTP Server for Email Sending

Indra Adnyana -

kocreative profile image

Scripting: Creating Windows For Your After Effects Scripts

Kat -