javascript(2) 글자 바꾸기

웹개발 종합반 2주차 - javascript(2)

 

 

 

 

마술을 부려보겠습니다.

2.리스트의 텍스트 변경전

이 평범하디 평범한 '테스트'라는 글자를 무려 '사과'라는 단어로 바꾸어보겠습니다.

 

        <div class="list-part">

            <h2>2. 리스트</h2>

            <div id="q1">테스트</div>

        </div>

HTML

 

        function checkResult(){

            let a = '사과'

            $('#q1').text(a)

        }

Javascript

 

간단한 함수를 샤뢀라~~

[결과 확인하기!] 버튼을 눌렀을 때 q1의 아이디 값을 가진 '테스트'라는 문자를 

변수 let a = '사과' 로 변경!

2.리스트의 텍스트 변경

O.M.GOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOD!!

정말 놀랍네요. 이렇게 코딩의 세계는 놀라움의 연속이랍니다.

 

 

 

 

응용하기

        function checkResult(){

            let a = ['사과','배','감','귤']

            $('#q1').text(a[1])

            $('#q1').css('color','red')

        }

= 2. 리스트의 '테스트'가 let a의 1번째 요소 '배'로 바뀐다. + 빨간색

 

 

응용하기2

        function checkResult(){

            let a = ['사과','배','감','귤']

            $('#q1').text(a[1])

            $('#q1').css('color','red')

           

            let b = {'name':'영수','age':30}

            $('#q2').text(b['name'])

            let c = [

                {'name':'영수','age':30},

                {'name':'철수','age':35}

            ]

            $('#q3').text(c[1]['age'])