마작 점수계산기 만들기 - 3

템플릿 다 짜고 나서 폰으로 확인해보니까 내 생각보다

너무 중간 메뉴의 크기가 작았다.

다시 그리드를 짜고 폰트와  크기를 늘렸다.

연장봉 표시 부분을 다시 만드는데 상당히 애를 먹었다.

.'.'.' 이런 식으로 만드려고 했는데 뭔가 자꾸 일그러져서 꽤 시간을 쏟았다.

---

▲ 중간 메뉴부분 크기를 늘린모습

---

드디어 론, 쯔모, 유국에 대한 JavaScript 코딩을 시작했다.

먼저 구상을 했을 때 론같은 경우는

화료한 사람 입력 - 방총당한 사람 입력 - 부, 판 입력 순으로 창이 뜨도록 만들고 

쯔모는 화료한 사람 입력 - 부,판 입력,

유국은 텐파이한 사람 입력창이 뜨도록 만들었다.

이후에는 점수 계산 함수를 따로 만들어

부, 판, 론or쯔모, 친or자, +or- 를 입력받으면

공탁된 리치봉과 연장봉을 합한 점수를 리턴하게 만들었고 

이후에 친의 화료 또는 텐파이 상태를 체크해

다음 국으로 넘어가고 자풍이 바뀌거나

연장봉이 증가하도록 만들었다.

만들면서 생각해보니 본장 표시가 연장봉 개수와 같으므로 제거하고

친과 자의 구분이 어려운 것 같아 東에는 빨간색을 넣어주었다.

---

▲ 론 실행모습

---

▲ 유국 실행모습

---

▲ 쯔모 실행모습

---

▶▶▶ 구경하러가기 ◀◀◀