--------------------------------------------------성공-------
var pricedata = 0;
fetch('https://codingapple1.github.io/price.json')
.then(res => res.json())
.then(function(data){
console.log(data.price)
pricedata = data.price;
var a = `<div class="col-sm-4"></strong></em>
<em><strong> < img src="https://via.placeholder.com/600" class="w-100"></strong></em>
<em><strong> <h5>Card title</h5></strong></em>
<em><strong> <p>가격 : ${pricedata}</p></strong></em>
<em><strong> </div>;`
document.querySelector('#row').insertAdjacentHTML('beforeend', a);
})
.catch(function(error){
console.log('실패함')
});
-------------------------------------------------실패---------
var a = `<div class="col-sm-4"></strong></em>
<em><strong> < img src="https://via.placeholder.com/600" class="w-100"></strong></em>
<em><strong> <h5>Card title</h5></strong></em>
<em><strong> <p>가격 : ${pricedata}</p></strong></em>
<em><strong> </div>;`
var pricedata = 0;
fetch('https://codingapple1.github.io/price.json')
.then(res => res.json())
.then(function(data){
console.log(data.price)
pricedata = data.price;
document.querySelector('#row').insertAdjacentHTML('beforeend', a);
})
.catch(function(error){
console.log('실패함')
});
==================================
var a 의 위치에 따라 페이지에 다르게 표시됩니다
차이점을 알고싶습니다 혹시 서버와 통신때문에 후순위로 밀려서 그런건가요?
더 좋은 재목이 있을까요?