Giter Club home page Giter Club logo

news-app's Introduction

News-App

// Make API request // fetch('https://api.nytimes.com/svc/topstories/v2/world.json?api-key=vUg7zhlHSKqpVKr23LyzUqniX3ReARwA',) // .then(response => response.json()) // .then(data => { // // console.log(data.data); // return data.results; // }) // .then(data => { // console.log(data); // const firstTenData = data.results.slice(0, 10); // console.log(firstTenData); // // Do something with the answer, e.g., display it on the page

// firstTenData.forEach(dataValue => { // const markup01 = <div class="col"> // <div class="card"> // <img src="${dataValue.multimedia[0].url}" class="card-img-top" // alt="Hollywood Sign on The Hill" /> // <div class="card-body"> // <h5 class="card-title">${dataValue.title}</h5> // <p class="card-text">${dataValue.abstract}</p> // <blockquote class="blockquote mb-0"> // <footer class="blockquote-footer">${dataValue.byline}<cite title="Source Title">| ${dataValue.created_date}</cite></footer> // </blockquote> // <a href="${dataValue.url}" target="_blank" class="btn btn-primary shadow-0">Read More</a // </div> // </div> // </div> ;

// document.querySelector('.worldNewsCard').insertAdjacentHTML('beforeend', markup01); // }); // }) // .catch(error => { // // Handle error // console.error(error); // });

news-app's People

Contributors

anasyakubu avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.