자바스크립트 반복문 관련 질문

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

자바스크립트 반복문 관련 질문

undefined주차

이*열

・

추천

・

조회수

답변 완료

반복문 관련하여 질문이 있습니다.

자브스크립트에서 변수 선정을 'name'으로 선정했을때와 'names'로 선정했을때의 보이는 결과값이 다르던데 혹시 이는 어떤현상때문인 건지 궁금합니다.

보고 계신 화면ㅇ

변수 names로 선정했을때 이미지

변수 name으로 선정했을때 이미지

전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

변수 names 선정했을때 코드

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Loop</h1>
    <script>
        var names=['hongyeol','seunghee','shinhyuk','jiwon'];
    </script>
    <ul>
        <script>
            var i=0;
            while(i<4){
                document.write('<li>'+names[i]+'</li>');
                i=i+1;
            } 
        </script>
    </ul>
</body>
</html>

변수 name 으로 선정했을때 코드

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Loop</h1>
    <script>
        var name=['hongyeol','seunghee','shinhyuk','jiwon'];
    </script>
    <ul>
        <script>
            var i=0;
            while(i<4){
                document.write('<li>'+name[i]+'</li>');
                i=i+1;
            } 
        </script>
    </ul>
</body>
</html>

댓글 알림