Add display and functionality for an user to place the ships before the game

DaeguDude / battleship

2 stars 0 forks source link

Add display and functionality for an user to place the ships before the game #4

Closed DaeguDude closed 2 years ago

DaeguDude commented 2 years ago

Since we've finished implementing the first page for an user to enter a name, it's time to make a display and make functionality for an user to place the ships.

[x] Hand draw out display that how it's going to look like
[x] Implement them using HTML / CSS
[x] Convert them into Javascript
[x] Make it available for an user to place the ships(You need to remember where user has place the ships, so you can use them in the main game)

DaeguDude commented 2 years ago

Hand Draw out display that how it's going to look like

I think I will just use the format from the previous display. It doesn't need to look fancy since I am practicing TDD not CSS.

Implement them using HTML / CSS

It's not going to be super hard to draw them.

Convert them into Javascript

Like how I've done it in the entering screen, I can just use document.createRange() and range.createContextualFragment

DaeguDude commented 2 years ago

7b3fa4b closes this issue