[javascript] 자바스크립트 함수 - return 문

2개 과목 점수를 입력받고, 평균 점수 출력하기

 

코드

핵심 : String 에 대하여 형변환을 해주기 / 배열 인덱싱 이용하기

결과

 

 

 

이미지를 이용해 갤러리를 만드는 실습

setAttribute("속성명","새 값") 메소드

선택한 태그의 지정한 속성을 새 값으로 바꾼다

 

이미지를 미리 파일에 넣어두기

 

시행 착오 : 

이것때문에 20분정도 소요되었다. 이미지가 불러오는데 디렉토리 관련하여 신경을 못써줬다.

 

1. 이미지 전용 폴더를 현재 작업 폴더 05_2리턴.html을 실행하는 폴더 내부에 만들어준다!

 

2. 사진마다 크기가 달라서 크기를 지정해주면 좋다

기존

버튼 크기가 보이는가?

정말 작게 보인다

그리고 각 사진마다 크기가 다르기 때문에 통일 시켜줄 필요가 있다

 

해결코드 : 

 

잠깐 여기서 alt=" " 속성이란?

alt 속성은 그림을 불러올 수 없거나, 인터넷이 느려 그림을 보지 않도록 설정해 놓는 사람들을 위한 그림에 대한 설명

alt(alternative) : 이미지에 대한 설명

 

용도?

① 인터넷 속도, 또는 컴퓨터 사양 문제로 웹브라우저 설정을 '이미지 출력 안 함'으로 한 사용자에게 이미지에 대한 간략한 설명을 볼 수 있음. (데스크탑이 아닌 모바일기기로 접속시에도 유용함.)

 

② 시각장애인의 웹서핑시 사용하는 리더(reader) 프로그램이 텍스트는 읽어주나, 이미지는 읽을 수 없으므로 alt태그 안의 설명을 읽어줌.

 

③ 일반인 웹서핑시 인터넷 접속 등의 문제로 해당 이미지를 불러오지 못했을 때, 배꼽과 함께 이미지 설명을 보여줌.

 

3. 폴더 주소 적을때 '/' 사용하기

vscode에서는 이거 금지 '\' 

 

 

 

---

1~20 까지 재귀함수 호출하기 

코드

결과