Javascript

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

WEB_CREASTORY 2023. 7. 12. 10:43

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)
        })