2016년 4월 25일 월요일

웹 프로그래밍 4/26 9장 문서 객체 모델(DOM)

9장 문서 객체 모델(Document Object Model, DOM)


실습+과제: 간단한 계산기 만들기

http://jyheo.github.io/javascript/calc.html

  • 뺄셈 버튼 동작하게 만들기
  • display_debug() 함수를 수정하여 debug_area의 스타일을 꾸며보기(보더, 배경색, 폰트 등을 지정해본다.)
  • 기타 다른 기능(예를 들어 곱하기, 나누기 등) 추가하기
  • 이런 저런 동작을 하다보면 버그가 있는데, 이 버그를 찾아서 수정해보기.

결과물 제출

1. 실습 결과는 자신의 github.io 페이지에 calc.html로 넣어두기. 즉 ID.github.io/calc.html 로 접속 가능해야 함.
2. 아래 목차로 실습 보고서(hwp, doc, pdf, html 모두 가능)를 작성하여 jyheo.report@gmail.com으로 보내기
목차
- 실습 개요
- 각 실습 지시에 대한 해결 방법 코드와 설명
- 결론(요약)