반응형
style.backgroundSize
-
JavaScript 입문 : 가위바위보 게임 - 기본구조 만들기 (HTML, CSS, JS)컴퓨터 알아가기/JavaScript 2022. 6. 27. 19:30
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다. ▒ 가위바위보 게임 기본구조 만들기 가위바위보 게임을 위해서 HTML내 기본구조를 만들어 놓아야 합니다. 다시한번 말씀 드리지만 HTML내 CSS와 JS를 연결시켜 놓고 각각의 파일에 내용을 다루도록 하겠습니다. 1. HTML 기본 구조 순서도에는 반영하지 않았지만 향후 순서도에도 업데이트가 필요합니다. HTML의 기본구조로서 맨위에 가위바위보 그림이 필요하고 밑에는 각 버튼에 대한 구분, 그리고 마지막 밑에는 점수계산에 대한 구분을 하도록 하겠습니다. 2. CSS 기본 구조 첫번째 태그에 사용될 가위바위보 그림이 반영되는 곳으로 id가 computer로 하였고 보여지는 그림모양의 크기를 나타냅니다. 일단 강좌에 나와있는 그림을 사용하지..