

용산구와 양천구만 -99로 표기되는데 이유가 궁금합니다
(참고로 강의에서는 120 이상 빨간색으로 표시되도록 설정하였으나
현재 모든 시의 미세먼지가 50 이하라 저는 40으로 연습한 코드입니다..!)
<!doctype html>
<html lang="ko">
<head><meta charset="UTF-8"><title>jQuery 연습하고 가기!</title>
<!-- jQuery를 import 합니다 --><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<style type="text/css">
div.question-box {
margin: 10px 0 20px 0;
}
.bad
{
color: red;
}
</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 > 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>
</head>
<body><h1>jQuery+Ajax의 조합을 연습하자!</h1>
<hr />
<div class="question-box"><h2>1. 서울시 OpenAPI(실시간 미세먼지 상태)를 이용하기</h2><p>모든 구의 미세먼지를 표기해주세요</p><p>업데이트 버튼을 누를 때마다 지웠다 새로 씌여져야 합니다.</p><button onclick="q1()">업데이트</button><ul id="names-q1">
</ul></div>
</body>
</html>
