[JS-017] Input 요소 입력값 연습문제

[1] 원 둘레와 넓이 계산 프로그램

 

원의 반지름 Input 창에 숫자값을 입력한 뒤, "계산" 버튼을 누르면 

아래에 원둘레와 원넓이 값이 나타나는 프로그램입니다.

HTML/CSS 부분을 따라 입력한 뒤, Javascript 부분은 스스로 코딩해 보세요.

 

 

See the Pen JS_017_Input연습문제_1 by wootekken (@wootekken) on CodePen.

 

---

[2] 피자 추가주문 자동 계산기

 

 

위 그림은 체크박스를 누르면 피자 가격에 추가 주문가격이 자동으로 더해지고

체크박스를 해제하면 합계에서 가격이 빠지는 프로그램입니다.

아래 코드에서 HTML/CSS를 따라 코딩한 뒤, Javascript 부분은 스스로 코딩해 보세요.

 

See the Pen JS_017_Input연습문제_2 by wootekken (@wootekken) on CodePen.

 

 

(아래 더보기를 눌러 다른 코딩방법 보기)

다른방법

See the Pen JS_017_Input연습문제_2 by wootekken (@wootekken) on CodePen.

 

 

---

[위 예제 프로그램에 대한 동영상 강의 입니다.]