7월23일까지 제출하세요
자판기 프로그램을 자바스크립트, jQuery등을 이용해서 작성하세요.
자판기에 동전을 넣고 음료를 뽑는 일련의 흐름을 자바스크립트를 통해 구현하려고 합니다.
다음과 같은 조건을 만족할 수 있도록 작업합니다.
<<조건>>
1. 모든 음료(음료가 아니어도 좋습니다.) 이미지를 화면에 출력해서 나타냅니다.(10개이상)
2. 동전을 넣는 작업은 마우스로 선택 수 있도록 작업합니다.
=> 이때 동전은 이미지의 형태로 제공되어도 좋고, 버튼으로 만들어도 좋습니다. 어떤 컴포넌트로 작성해야 하는지에 대한 것이 정의되지 않았으므로 자유롭게 작업합니다.
3. 음료의 선택 또한 마우스로 선택할 수 있도록 작업합니다.
4. 동전을 넣고 음료를 선택하고 잔액이 얼마이고 이런 모든 일련의 작업이 출력되도록 작성합니다.
- alert을 이용해서 출력해도 좋고, 웹페이지의 일부공간에 추가해도 좋습니다.
모든것은 자바스크립트, DOM, jQuery등 어떤 기술을 이용해도 상관없으며 자유롭게 선택하여 위의 조건만 만족할 수 있도록 작업합니다.