</style>

    <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 > 120 {
        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>
이렇게 코드를 작성했는데 영상과 같이 업데이트 버튼을 누르면 아무런 움직임이 없습니다. 어디서 잘못되었는지 확인부탁합니다.
그리고 backtick (`)을 언제 사용하는지 잘 모르겠습니다.