그림과 같이 좌석의 번호 입력 시 좌석 배경색이 바뀌는 1열의 영화관 좌석 예약앱을 프로그래밍하시오. 작성된 프로그램의 코드와 완성 화면을 보고서 형태로 작성하여 제출하시오

1.프로그램 코드

프로그램 코드는 사용자가 영화관 좌석 번호를 입력하여 해당 좌석의 배경색을 변경하는 기능을 구현하는 간단한 형태를 가진다. 구현은 HTML, CSS, JavaScript를 활용하여 좌석 예약 앱의 기본적인 구조와 기능을 구성한다. 코드의 각 부분을 살펴보면, 먼저 HTML 문서의 기본 구조가 설정된다. ``!DOCTYPE html``, ``html``, ``head``, ``body`` 태그로 이루어진 기본 체계가 있으며, 이를 통해 웹페이지가 브라우저에서 어떻게 표시될지를 정의한다. ``head`` 부분에는 페이지 제목을 설정하는 ``title`` 태그가 포함되며, 스타일을 정의하는 ``style`` 태그가 추가된다. 여기서는 CSS를 이용하여 기본 좌석의 디자인과 선택된 좌석의 배경색을 다르게 설정한다. 일반 좌석은 회색 배경색을 가지며, 예약된 좌석은 다른 배경색으로 나타난다. 이때 CSS 클래스 `seat`를 정의하여 좌석의 넓이, 높이, 경계선의 스타일을 설정한다. ``body`` 태그에는 실제로 좌석을 보여주기 위한 ``div`` 요소들을 배치한다. 각 좌석은 개별적으로 ``div``로 생성되며, 좌석마다 고유의 ID 또는 클래스 속성을 부여한다. 좌석 번호는 `1`부터 `10`까지 배치하여 수평으…