[Web][HTML-JS] 뷰단의 script 코드 로직 분석 (feat. for문, innerText, name.value, getElementsByClassName)

 

 

 

 

1. getElementsByClassName("user")하면 span태그의내용 전체를 가져오는 것

2. for문으로 user.length가져오니까 위에있는 span태그 6개 정보 다 가져옴

3. user[i]에서 0번인덱스면 첫번째 span태그, 1번 인덱스면 두번째 span태그를 의미

4. user[i].innerText = name.value;에서 span태그의 name속성의 value(값)을 innerText로 텍스트값만 얻어옴

5. 4번에서 innerText로  추출된 데이터가 해당 인덱스 번호에 맞게 user[i]에 저장되고 최종적으로 var user에 담아지게 됨

ex) user[i]에 user[0]이면 첫번째 span태그의 name속성의 value(값)인 beverage가 user[0]에 저장되고 이게 최종적으로 var user변수에 저장됨