2.12 Ajax Homework

브라우저가 로딩하자마자 내용 띄우기
$(document).ready(function(){

~~~~~~~~~~~~~~~~

});

물결무늬 자리에 바로 로딩하자마자 실행시킬 함수를 입력하면 된다. 예를 들면
(document).ready(function()alert(로딩됬다!!););또는(document).ready(function(){ alert('로딩됬다!!'); }); 또는

저기 중간에 파란색 실시간 환율 집어넣기!!!!!!

파란색 때문에 스타일에서 글짜 색깔 설정을 미리 넣어두고!

.rate{
color: blue;
}

브라우저가 뜨자마자 환율이 나와야 하므로 ready function
밑에는 다른 것에서도 쓰던 ajax 틀을 그대로 가지고 온다.

$(document).ready(function(){

get_rate();
});
function get_rate() {
$.ajax({
type: "GET",
url: "https://api.manana.kr/exchange/rate.json",
data: {},
success: function (response) {
let now_rate = response[1]['rate']
$('#now_rate').text(now_rate);
}
},)
}

그리고 밑의 body에서
환율이 들어갈 자리에 입력을 해준다!

달러-원 환율:1219.15

이렇게 해도 되고

달러-원 환율:1219.15

이렇게 해도 결론은 비슷하다. 파랑색으로 실시간 환율이 표기된다.
<p><h1>양초를 팝니다</h1> <h3>가격:3,000원/개</h3><p>


<h5>이 양초는 사실 특별한 힘을 가지고 있어요. 양초를 켜고 소원을 빌면 뭐든지 이뤄지게 된답니다. 하나 사가세요! 향과 소리가 너무 좋아요.</h5>

    <p>주문자 이름: <input type="text"/></p>
<p><h4 class="rate">달러-원 환율:<span id="now_rate">1219.15</span></h4></p>

좋은 웹페이지 즐겨찾기