newsAppBasic.js

const API_URL =
  'https://newsapi.org/v2/top-headlines?country=us&apiKey=65fe12450a1942bab3176e10e8c48062';

const getParentEl = () => document.querySelector('.list');

const getNews = () => {
  fetch(API_URL)
    .then((res) => res.json())
    .then((res) => {
      createList(res.articles);
    });
};

const createListItem = (article) => {
  const newsDiv = document.createElement('div');
  newsDiv.setAttribute('class', 'newsDiv');

  const imgEL = document.createElement('img');
  imgEL.setAttribute('src', article.urlToImage);
  imgEL.setAttribute('alt', article.title);
  imgEL.setAttribute('class', 'newsBanner');

  const titleEl = document.createElement('p');
  titleEl.innerText = article.title;
  titleEl.setAttribute('class', 'titleEl');

  newsDiv.appendChild(imgEL);
  newsDiv.appendChild(titleEl);

  getParentEl().appendChild(newsDiv);
};

const createList = (articles) => {
  articles.forEach((article) => {
    createListItem(article);
  });
};

getNews();