Module‌‌‌ ‌‌‌৩৩ ‌‌‌এ‌‌‌ ‌‌‌আমরা‌‌‌ ‌‌‌যাকিছু‌‌‌ ‌‌‌শিখেছি‌‌‌

API examples and edge cases

Kanye rest এ গিয়ে সেখান থেকে টেক্সট লোড করে ওয়েবসাইটে দেখাও! (বাটন ক্লিকের মাধ্যমে )
আবার একটা ওয়েবসাইটে যাও (গুগল কর random user api) । ওয়েবসাইটে ঘুকে যাও । এবং documentation থেকে Requesting Multiple Users কে কপি করে নাও । এবং তোমার নিজের ওয়েবসাইটে UI তে ইমেইল ও ফুল নাম সেট করে দেখাই

fetch("https://randomuser.me/api/?results=5")

.then((response) => response.json())

.then((data) => display(data));

const display = (data) => {

console.log(data);

const buddies = data.results;

const buddyContainer = document.getElementById("buddies");

for (buddy of buddies) {

const p = document.createElement("p");

// p.innerText = buddy.email;

p.innerHTML = `

<p>email: ${buddy.email} name: ${buddy.name.title} ${buddy.name.first} ${buddy.name.last}</p>

buddyContainer.appendChild(p);}};

এবার সার্চ দাও rest countries লিখে । তারপর ওয়েবসাইটে ধুকে পর এবং All নামে যে লিংকটা আছে সেটা কপি করে নাও । এবং সকল দেশের নাম তোমার ওয়েবসাইটে দেখাও এবং এক্সটা একটা Div নাও সেখানে বাটন ক্লিক করলে যেন সেখানে কিছু অ্যাড হয় । (নোটঃ forEach দিয়ে করবে style এ সিএসএস গ্রিড অ্যাপ্লাই করবে )

fetch("https://restcountries.eu/rest/v2/all")

.then((response) => response.json())

.then((data) => displayCountries(data));

const displayCountries = (countries) => {

const countriesDiv = document.getElementById("countries");

countries.forEach((country) => {

console.log(country);

const div = document.createElement("div");

div.classList.add("countries");

div.innerHTML = `

country: ${country.name} code: ${country.callingCodes}

// const h3 = document.createElement("h3");

// const p = document.createElement("p");

// h3.innerText = country.name;

// p.innerText = country.capital;

// div.appendChild(h3);

// div.appendChild(p);

countriesDiv.appendChild(div);

});};

শুধু এতটুকু না আর কিছু advanced কাজ আছে সেগুলোও করে ফেল । না পারলে এই গিটহাব লিঙ্কে যাও . advanced কাজটা হবে ঠিক এরমন

আর আমার github এ যাইতে চাইলে এই লিঙ্কে ক্লিক করুন

About

Md: Rashedul Islam Shihab

Writer of this note

Batch4

Social accounts