HTML5, CSS3, JavaScript를 이용하여 3명의 3과목 점수를 더하고 평균과 석차를 내는 프로그램을 작성하시오 (동점처리 기능 포함) 작성된 프로그램의 코드와 완성 화면을 보고서 형태로 작성하여 제출하시오.

소개

인터넷프로그래밍
HTML5, CSS3, JavaScript를 이용하여 3명의 3과목 점수를 더하고 평균과 석차를 내는 프로그램을 작성하시오 (동점처리 기능 포함) 작성된 프로그램의 코드와 완성 화면을 보고서 형태로 작성하여 제출하시오.

목차

없음

본문내용

사람 3명과 점수 3개를 받아 평균과 석차를 보여주는 프로그램입니다.

프로그램을 실행하면 다음과 같이 실행됩니다. 아래는 김철수 40, 40, 40. 박미영 100, 100, 100. 이바보 10, 10, 10으로 데이터를 입력한 결과 화면입니다. 아래의 결과는 박미영, 김철수, 이바보 순으로 점수의 평균이 높은 순으로 정렬이 됩니다.

아래 코드는 자바스크립트 코드입니다. 주어진 화면에서 first, second, third 라는 class를 사용하여, 이름, 수학점수, 국어점수, 영어점수를 가져옵니다. 3개라서 코드를 3개로 해도 되는데 코드를 줄이기 위해 first, second, third 라고 클래스에 접두어를 달았습니다. getElementByld 로 가져온 다음 value 로 가져옵니다. 그냥 덧셈 연산만 하면 숫자로 인식하지 못해 문자열 처리가 되기 때문에 Number를 통해 숫자로 형변환을 하였습니다.

참고자료

· 없음