유수봉 교수의 WEB-15주차 - JavaScript

Web 기말보고서 안내

Web 기말보고서

HTML+CSS+JavaScript

(기말평가자료)

1. JavaScript

 1) javascript?

 2) use of JS

2. Dialog

 1) alert

 2) confim

 3) prompt

3. Condition

 1) if ~ else

 2) switch ~ case

4. Looping

 1) for

 2) while

 3) do ~ while

5. 구구단

6. 캔버스 - 내이름

7. 캔버스 - 그림판

8. 성적처리

성적처리 기능설명

저장, 조회, 수정, 삭제, 초기화, 전체보기, 이름순, 성적순, 학번순, 그래프1, 그래프2

 

초기화면

1) 저장기능 : 학번 이름 전공점수, 교양점수를 입력하면 웹스토러지에 저장된다.

 2) 조회기능 : 학번을 입력하면 해당학생의 학번, 이름, 전공점수, 교양점수, 합계, 평균, 등급이 조회된다. 존재하는 학번이 아닐시 알림창이 띄워진다. A+등급일 경우 반짝이는 효과를 추가했다.

3) 수정기능 : 해당 학번의 이름, 전공점수, 교양점수를 수정할 수 있다.

 4) 삭제기능 : 해당 학번을 입력하면 삭제된다. 학번을 입력하지 않을 시 알림창이 띄워진다.

 5) 초기화기능 : 초기 저장된 나가요, 마지막, 어서요, 유수봉만 남게된다.

 6) 전체보기능 : 전체보기를 출력하면 저장된 학번 이름 전공점수 교양점수 합계 평균 등급이 출력된다. 추가로 A+등급일 경우 반짝이는 효과를 추가했다.

 7) 이름순 : 이름순으로 검색시 가나다 순으로 학번 이름 전공 교양 합계 평균 등급이 출력되고 A+등급일 경우 반짝이는 효과를 추가했다.

 8) 성적순 : 성적순으로 조회할 경우 등급대신 석차를 추가했고 석차는 중복이 가능하다.

 9) 추가된기능 : 학번순조회 : 학번이 낮은순으로 조회가되고 A+등급일 경우 반짝이는 효과가 나타난다.

 10) 그래프-1 : 평균점수를 기준으로 그래프를 나타내고 가장높은 평균점수를 가진 학생의 그래프의 색상은 다르게 표현된다.

 11) 그래프-2 : 조회하고 싶은 학생의 학번을 입력한 후 조회된 학생의 평균, 전공점수, 교양점수와 전체 학생의 전공평균점수, 교양평균점수, 전체평균점수와 자신의 성적을 비교할 수 있다. 또 조회한 학번이 존재하지 않을 경우 알림창이 띄워진다.

9. 게임 - 당근찾기

10. 게임 - Tetris

11. 게임 - Block

 

http://arang.dothome.co.kr/

최아랑(2020E7471)

 

 

유수봉의 자바스크립트 -끝-