본문 바로가기

Javascript

JQuery / $('#id').append(temp_html)

checkResult() 함수 <p>사과</p> >>  <p>${a}</p>

<script>
    function checkResult() {
        let fruits = ['사과','배','감','귤','수박']
        fruits.forEach((a) => {
            let temp_html = `<p>${a}</p>`
            $('#q1').append(temp_html)
        })
    }
</script>

let people = [
                {'name':'서영','age':24},
                {'name':'현아','age':30},
                {'name':'영환','age':12},
                {'name':'서연','age':15},
                {'name':'지용','age':18},
                {'name':'예지','age':36}
        ]
        $('#q2').empty()
        people.forEach((b) => {
            let name = b['name']
            let age = b['age']
            let temp_html = `<p>${name}${age}살입니다.</p>`
            $('#q2').append(temp_html)
        })

$('#q2').empty()
        people.forEach((b) => {
            let name = b['name']
            let age = b['age']
            let temp_html = `<p>${name}${age}살입니다.</p>`
            $('#q2').append(temp_html)
        })

'Javascript' 카테고리의 다른 글

Fetch / console.log(data)  (0) 2023.07.12
서버→클라이언트: "JSON"  (0) 2023.07.12
JQuery 반복문 / 조건문  (0) 2023.07.11
딕셔너리_ 키(key)-밸류(value) 값  (0) 2023.07.11
리스트 a[0] / a.length  (0) 2023.07.11