화면디자이너와의 협업하려면
class 또는 id가 일치되어야 할 것 같아서
HTML을 작성하여 공유하였다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Typing Game</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
</head>
<body>
<div class="header">
<h1>Typing Game</h1>
</div>
<div class="display">
Hello World!
</div>
<div class="inputBox">
<input type="text" class="wordInput" />
</div>
<div class="gameInfo">
<div>
남은 시간: <span class="time">0</span>초
</div>
<div>
획득 점수 : <span class="score">0</span>점
</div>
<button class="button loading">단어를 불러오는 중</button>
</div>
</body>
</html>
'. JavaScript Mini Project #1' 카테고리의 다른 글
| [JavaScript Mini Project #1] 코드 작성 및 디자인 적용 (0) | 2021.08.27 |
|---|---|
| [JavaScript Mini Project #1] 게임룰 정리 (0) | 2021.08.22 |
| [JavaScript Mini Project #1] 화면설계 (1) (0) | 2021.08.22 |
| [JavaScript Mini Project #1] 주제선정 (0) | 2021.08.22 |
| [JavaScript Mini Project #1] 계획수립 (0) | 2021.08.22 |