코드도 같은 것 같은데 값이 안나와요

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

코드도 같은 것 같은데 값이 안나와요

undefined주차

강*연

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

q1, q2까지는 잘 출력이 되는데 리스트 딕셔너리 (let c) 는 코드가 아무리 봐도 맞는 것 같은데, 결과 확인하기! 클릭해도 텍스트가 바뀌지 않네요.

창 껐다가 다시 열어도 똑같구요 ㅠㅠ

작성한 코드 및 에러 메세지

<!DOCTYPE html>
<html>
    <head>
        <title>자바스크립트 문법 연습하기!</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    </head>
    <style>
        .button-part {
            display: flex;
            height: 50px;
        }
    </style>
    <script>
        function checkResult(){
            let a = ['사과', '배', '감', '귤']
            $('#q1').text(a[3])


            let b = {'name':'영수','age':15}
            $('#q2').text(b['name'])


            let c = [
                {'name':'영수','age':15}
                {'name':'철수','age':35}
                {'name':'영희','age':20}
            ]
            $('#q3').text(c[1]['age'])
            }
    </script>
    <body>
        <div class="top-part">
            <h1>자바스크립트 문법 연습하기!</h1>
        </div>
        <hr/>
        <br>
        <h2>1. 함수</h2>
        <div class="button-part">
            <button onclick="checkResult()">결과 확인하기!</button>
        </div>
        <div class="list-part">
            <h2>2. 리스트</h2>
            <div id="q1">테스트1</div>
        </div>
        <div class="dict-part">
            <h2>3. 딕셔너리</h2>
            <div id="q2">테스트2</div>
        </div>
        <div>
            <h2>4. 리스트 딕셔너리</h2>
            <div id="q3">테스트3</div>
        </div>
    </body>
</html>

댓글 알림