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

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

<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 > 40){
                          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>

                    let  temp_html = ` `

ㄴ

빈문자열을 만들지 않고 아래 처럼 코드를 만들어도 똑같이 실행이 되는데 왜 빈 문자열을 만들어 주는 것이죠??

let  temp_html = `<li>${gu_name} : ${gu_mise}</li>`

  if( gu_mise > 40){
      temp_html = `<li class="bad">${gu_name} : ${gu_mise}</li>`
}

  // else {
  //     temp_html = `<li>${gu_name} : ${gu_mise}</li>`
  //
  // }

$('#names-q1').append(temp_html);

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!