김민태 [프론트엔드 아카데미] 3 - (2)

이동주·2021년 10월 12일
0

12줄의 코드로 시작하기

const ajax = new XMLHttpRequest();
const NEWS_URL = 'https://api.hnpwa.com/v0/news/1.json';

ajax.open('GET', NEWS_URL, false) // true: 비동기 처리 false: 동기 처리
ajax.send();

const newsFead = JSON.parse(ajax.response);
const ul = document.createElement('ul');

for (let i = 0; i < 10; i++) {
    const li = document.createElement('li')
    li.innerHTML = newsFead[i].title;
    ul.appendChild(li);
}

document.getElementById('root').appendChild(ul);
profile
안녕하세요 이동주입니다

0개의 댓글