Compare commits

..

1 commit

Author SHA1 Message Date
2c35421a33 Add solution 2025-11-19 23:46:22 +01:00
4 changed files with 8 additions and 11 deletions

View file

@ -4,7 +4,7 @@ fetch("https://countries.trevorblades.com/", {
"method": "POST", "method": "POST",
"body": JSON.stringify( "body": JSON.stringify(
{ {
query: "", // Fill in Query here query: "query continent($code: ID!) { continent(code: $code) { name countries { name code }}}",
"operationName": "continent", "operationName": "continent",
"variables": { "code": continentCode } "variables": { "code": continentCode }
}), headers: { "Content-Type": "application/json" } }), headers: { "Content-Type": "application/json" }

View file

@ -3,7 +3,7 @@ fetch("https://countries.trevorblades.com/", {
method: "POST", method: "POST",
body: JSON.stringify( body: JSON.stringify(
{ {
query: "", // Fill in Query here query: "query allContinents { continents { name code }}",
"operationName": "allContinents" "operationName": "allContinents"
}), }),
headers: { "Content-Type": "application/json" } headers: { "Content-Type": "application/json" }

View file

@ -6,18 +6,15 @@ fetch("https://countries.trevorblades.com/", {
"method": "POST", "method": "POST",
"body": JSON.stringify( "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", "operationName": "country",
"variables": { "code": countryCode } "variables": { "code": countryCode }
}), }),
headers: { "Content-Type": "application/json" } headers: { "Content-Type": "application/json" }
}).then(response => response.json()).then(({ data }) => { }).then(response => response.json()).then(({ data }) => {
/* document.getElementById("country-heading").innerText = data.country.name;
Use the information from the response to insert the following text into the page: document.getElementById("country-capital").innerText = data.country.capital;
- Name of the country document.getElementById("flag-symbol").innerText = data.country.emoji;
- Capital of the country
- Flag of the country as unicode emoji
*/
for (const language of data.country.languages) { for (const language of data.country.languages) {
const newListItem = document.createElement("li"); const newListItem = document.createElement("li");

View file

@ -4,7 +4,7 @@ fetch("https://countries.trevorblades.com/", {
"method": "POST", "method": "POST",
"body": JSON.stringify( "body": JSON.stringify(
{ {
query: "", // Fill in Query here query: "query countriesPayingIn($currency: [String!]!) {countries(filter: {currency: {in:$currency}}) { name code }}",
"operationName": "countriesPayingIn", "operationName": "countriesPayingIn",
"variables": { "currency": currency } "variables": { "currency": currency }
}), }),