bell2lee / web-client-examples

web-client-examples

웹 클라이언트 컴퓨팅 라이브코딩 대비

01092429075 이종휘

이미지 슬라이더 만들기

• 4~5개의 이미지로 이미지 슬라이더 구현하기
• 첫번째 이미지에서 left 클릭 시 맨 뒤 이미지로 이동
• 맨 마지막 이미지에서 right 클릭 시 맨 앞 이미지로 이동

DOM 이용한 회원 리스트

• DOM 객체를 이용하여 회원의 이름을 등록하고 삭제할 수 있는 기능 구현
• 등록 시 맨 아래로 등록
• 삭제 기능 구현
• 등록 시 텍스트 박스의 내용이 지워짐

쇼핑몰 사이트

이미지 배너

• 5개의 이미지와 큰 이미지가 존재. 처음 로드 시 큰 이미지는 첫번째 이미지를 가져옴.
• 작은 이미지에 마우스를 올리면 큰 이미지가 변경.

다른 이미지에 마우스를 올렸을 때 변경된 이미지.

추가 요금

옵션 중 추가 가격이 있는 옵션 선택 시 총 금액 변경

구매 버튼 클릭 시