diff --git a/javascript/Javascript Expert/chapter16/index.html b/javascript/Javascript Expert/chapter16/index.html
new file mode 100644
index 0000000..b9b6be9
--- /dev/null
+++ b/javascript/Javascript Expert/chapter16/index.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+ Asyncronus Javascript
+
+
+
+
+
+
+
+
+
diff --git a/javascript/Javascript Expert/chapter16/script.js b/javascript/Javascript Expert/chapter16/script.js
new file mode 100644
index 0000000..d8f807c
--- /dev/null
+++ b/javascript/Javascript Expert/chapter16/script.js
@@ -0,0 +1,38 @@
+// const btn = document.querySelector(".btn-country");
+const countryContainer = document.querySelector(".countries");
+// const countryFlag = document.querySelector(".country-flag");
+// const flag = document.createElement("img");
+
+const request = new XMLHttpRequest();
+request.open("GET", "https://restcountries.com/v3.1/all");
+request.send();
+console.log(request.responseText);
+let data;
+let html;
+request.addEventListener("load", function (el) {
+ data = JSON.parse(this.response);
+ data.forEach(element => {
+ // const flag = document.createElement("img");
+ // flag.src = element.flags.png;
+ // countryFlag.append(flag);
+ // console.log(`${element.name.common} : ${element["population"]}`);
+ html += `
+
+ 
+
+
${element.name.common}
+
${element.region}
+
👫${(
+ element.population / 1000000
+ ).toFixed(1)} Mil
+
+
🗣️${element.languages[0].name}
+ // 💰${element.currencies[0].name}
+ console.log(element);
+ });
+ countryContainer.innerHTML = html;
+});