* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
퀴즈에서는 text로 마무리하였지만 .append와 if else를 이용하여 온도에 따른 색을 구현하고 싶었습니다.
class지정이 잘못된건지 무엇인지 몰라서 질문 남깁니다.
보고 계신 화면 전체를 캡처해 주시면, 튜터님들이
빠르게 상황을 이해할 수 있어요.
.cold {
color: blue;
}
.hot {
color: red;
}
</style>
<script>
$(document).ready(function () {
fetch("http://spartacodingclub.shop/sparta_api/weather/seoul").then(res => res.json()).then(data => {
let number = data['temp']
console.log(number)
$(`#temp`).empty()
let hotcold_html = ` `
if (number < 10.0) {
hotcold_html = `
<span class='cold'>
${number}
</span>
`}
else {
hotcold_html = `<span>
${number}
</span>`
}
if (number > 20.0) {
hotcold_html = `
<span class='hot'>
${number}
</span>
`}
else {
hotcold_html = `<span>
${number}
</span>`
}
$(`#temp`).append(hotcold_html)
})
})
</script>
</head>
<body>
<div class="mytitle">
<h1>
내생애 최고의 영화들
</h1>
<div>현재 서울의 날씨 : <span id="temp">20</span>도</div>
