Add solution

js/country.js

@@ -6,19 +6,16 @@ fetch("https://countries.trevorblades.com/", {
     "method": "POST",
     "body": JSON.stringify(
         {
-            query: "", // Fill in Query here
+            query: "query country($code: ID!) { country(code: $code) { name capital phones currencies languages { name native } emoji }}",
             "operationName": "country",
             "variables": { "code": countryCode }
         }),
     headers: { "Content-Type": "application/json" }
 }).then(response => response.json()).then(({ data }) => {
-    /*
-        Use the information from the response to insert the following text into the page:
-          - Name of the country
-          - Capital of the country
-          - Flag of the country as unicode emoji
-    */
-
+    document.getElementById("country-heading").innerText = data.country.name;
+    document.getElementById("country-capital").innerText = data.country.capital;
+    document.getElementById("flag-symbol").innerText = data.country.emoji;
+    
     for (const language of data.country.languages) {
         const newListItem = document.createElement("li");
         newListItem.innerText = language.name;