Front/Javascript
Ajax 활용 미세먼지 70이상 값만 빨간색 표시 예제
미세먼지 70이상 값 빨간색 표시 예제 Ajax , for, If 문 활용 Ajax 콜을 Get 요청으로 받아온 뒤 rows의 변수를 정한다. rows는 받아온 response값의 RealtimeCityAir안의 row의 전부. for문을 이용해 반복문을 돌린다. gu_name값은 아까 정한 row의 계속 돌아갈 i번째의 MSRSTE_NM 값이고, gu_mise값은 IDEX_MVL 값이다. temp_html 은 백틱을 사용하여 공백 처리한다. 그 후 if문을 활용해 70이상일 경우엔 color:red를 주고, else (아닐 경우엔) 그냥 준다. if문을 벗어나서 append를 활용하여 temp_html을 더해준다.
타이핑 예제
Html 타이핑 마스터! Hello 남은 시간 : 0초 획득 점수 : 0점 게임을 불러오는 중... CSS * { margin: 0; padding: 0; } body { display: flex; flex-direction: column; justify-content: center; align-items: center; } .header { width: 100%; background: #3b5999; color: white; text-align: center; padding: 1rem; } .word-display { margin-top: 3rem; font-size: 80px; color: #3b5999; } .word-input-box { margin-top: 2rem; } .word-input {..