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

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

<li> </li> 를 기입 했을 때 안먹는 것 같아요.

따라했는데 안먹어서 노션에 있는 코드를 붙여 먹이면 작동되고,

제가 직접 타이핑하면 아래 첨부한 이미지처럼 노란색이 아닌 초록색으로 나오면서 안되는 것 같은데 이유가 있을까요..?

`<li>${gu_name} : ${gu_mise}</li>'

이 부분 전체가 초록색 형광팬을 칠한것처럼 보이기도 합니다.

작성한 코드 및 에러 메세지

<script>
    function q1() {
        $('#names-q1').empty()
        $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/sparta_api/seoulair",
            data: {},
            success: function (response) {
                let rows = response['RealtimeCityAir']['row']
                for (let i = 0; i < rows.length; i++) {
                    let gu_name = rows[i]['MSRSTE_NM']
                    let gu_mise = rows[i]['IDEX_MVL']

                    let temp_html = ``

                    if (gu_mise > 50) {
                        temp_html = `<li class="bad">${gu_name} : ${gu_mise}</li>`
                    } else {
                        temp_html = `<li>${gu_name} : ${gu_mise}</li>'
                    }
                    $('#names-q1').append(temp_html)


                }
            }
        })
    }
</script>