HTML Checkboxes won't work with my functions

Code Help HTML/CSS/JS
1

Question:
I’m coding a website that shows a random country, the goal of the game is to guess what country is on the screen. (simple)

I’m having trouble with implementing a filter feature so the user can play within select continents. (maybe they only want to guess countries in the middle east)

I have check boxes made for every continent/region, but the boolean values of the check boxes don’t seem to update when the user presses them down. ChatGPT told me to put my entire code inside a document.addEventListener(‘DOMContentLoaded’, function().

But that only worsened things, because now half of my functions don’t work.

Repl link: Here’s the working website WITHOUT functioning checkboxes.
(https://guess-that-border-mkv-continent-categories.nawa-21.repl.co/)

code snippet- only javascript here (not everything) I’m 97% sure my HTML code is OK.

document.addEventListener('DOMContentLoaded', function() {
  //North America Checkbox
  var NA = document.getElementById("NA"); //check box id in HTML is "NA" and etc.
  var NAchecked = NA.checked;
  NA.addEventListener("change", function() {
    NAchecked = NA.checked; //Should be true or false depending on if it's selected.
  });
  
  //Central America Checkbox
  var CA = document.getElementById("CA");
  var CAchecked = CA.checked;
  CA.addEventListener("change", function() {
    CAchecked = CA.checked; //Should be true or false depending on if it's selected.
  });
  
  //Caribbean Checkbox
  var CB = document.getElementById("CB");
  var CBchecked = CB.checked;
  CB.addEventListener("change", function() {
    CBchecked = CB.checked; //Should be true or false depending on if it's selected.
  });
  
  //South America Checkbox
  var SA = document.getElementById("SA");
  var SAchecked = SA.checked;
  SA.addEventListener("change", function() {
    SAchecked = SA.checked; //Should be true or false depending on if it's selected.
  });
  
  //Europe Checkbox
  var EU = document.getElementById("EU");
  var EUchecked = EU.checked;
  EU.addEventListener("change", function() {
    EUchecked = EU.checked; //Should be true or false depending on if it's selected.
  });
  
  //Middle East Checkbox
  var ME = document.getElementById("ME");
  var MEchecked = ME.checked;
  ME.addEventListener("change", function() {
    MEchecked = ME.checked; //Should be true or false depending on if it's selected.
  });
  
  //Africa Checkbox
  var AF = document.getElementById("AF");
  var AFchecked = AF.checked;
  AF.addEventListener("change", function() {
    AFchecked = AF.checked; //Should be true or false depending on if it's selected.
  });
  
  //Asia Checkbox
  var AS = document.getElementById("AS");
  var ASchecked = AS.checked;
  AS.addEventListener("change", function() {
    ASchecked = AS.checked; //Should be true or false depending on if it's selected.
  });
  
  //Oceania Checkbox
  var OE = document.getElementById("OE");
  var OEchecked = OE.checked;
  OE.addEventListener("change", function() {
    OEchecked = OE.checked; //Should be true or false depending on if it's selected.
  });
  
  var maplot = {
    1: ["Afghanistan", "Afghanistan.png", MEchecked], //3rd index MiddleEast checkbox
    2: ["Albania", "Albania.png", EUchecked], //3rd index Europe Checkbox
    3: ["Algeria", "Algeria.png", AFchecked], //3rd index Africa Checkbox
    4: ["Andorra", "Andorra.png", EUchecked], 
    5: ["Angola", "Angola.png", AFchecked],
    6: ["Antigua and Barbuda", "Antigua and Barbuda.png", CBchecked],

//the rest of the countries and their data sit in here ^^^

//THE 3RD INDEX SHOULD BE A BOOLEAN RIGHT!?! but nextcountry( ) doesn't seem to care at all! It just jumps to the else statement...
  };
  
RIGHT HERE VVVV


  function newcountry(){
    const keys = Object.keys(maplot);
    const randomKey = keys[Math.floor(Math.random() * keys.length)];
    const continent = maplot[randomKey][2]; //checking if checkbox is true or false
    
    if (continent === false) {
      return newcountry(); //should keep running until it selects a country with a true boolean.

    } else {
      const randomImage = maplot[randomKey][1];
      const newAnswer = maplot[randomKey][0];
      imageElement.src = "countryborders/" + randomImage;
      printCountry.innerText = newAnswer;
      revealprint.style.opacity = '0%';
      next.style.opacity = '0%'
      document.getElementById('guessbar').value = '';
      return newAnswer.toLowerCase();
    }
  }
2

Please can you put ```js before the js code.

1 Like
3

Like this? sorry I’ve never used community help before.


//document.addEventListener('DOMContentLoaded', function() {
  //North America Checkbox
  var NA = document.getElementById("NA");
  var NAchecked = NA.checked;
  NA.addEventListener("change", function() {
    NAchecked = NA.checked;
  });
  
  //Central America Checkbox
  var CA = document.getElementById("CA");
  var CAchecked = CA.checked;
  CA.addEventListener("change", function() {
    CAchecked = CA.checked;
  });
  
  //Caribbean Checkbox
  var CB = document.getElementById("CB");
  var CBchecked = CB.checked;
  CB.addEventListener("change", function() {
    CBchecked = CB.checked;
  });
  
  //South America Checkbox
  var SA = document.getElementById("SA");
  var SAchecked = SA.checked;
  SA.addEventListener("change", function() {
    SAchecked = SA.checked;
  });
  
  //Europe Checkbox
  var EU = document.getElementById("EU");
  var EUchecked = EU.checked;
  EU.addEventListener("change", function() {
    EUchecked = EU.checked;
  });
  
  //Middle East Checkbox
  var ME = document.getElementById("ME");
  var MEchecked = ME.checked;
  ME.addEventListener("change", function() {
    MEchecked = ME.checked;
  });
  
  //Africa Checkbox
  var AF = document.getElementById("AF");
  var AFchecked = AF.checked;
  AF.addEventListener("change", function() {
    AFchecked = AF.checked;
  });
  
  //Asia Checkbox
  var AS = document.getElementById("AS");
  var ASchecked = AS.checked;
  AS.addEventListener("change", function() {
    ASchecked = AS.checked;
  });
  
  //Oceania Checkbox
  var OE = document.getElementById("OE");
  var OEchecked = OE.checked;
  OE.addEventListener("change", function() {
    OEchecked = OE.checked;
  });
  
  var maplot = {
    1: ["Afghanistan", "Afghanistan.png", MEchecked],
    2: ["Albania", "Albania.png", EUchecked],
    3: ["Algeria", "Algeria.png", AFchecked],
    4: ["Andorra", "Andorra.png", EUchecked],
    5: ["Angola", "Angola.png", AFchecked],
    6: ["Antigua and Barbuda", "Antigua and Barbuda.png", CBchecked],
    7: ["Argentina", "Argentina.png", SAchecked],
    8: ["Armenia", "Armenia.png", ASchecked],
    9: ["Australia", "Australia.png", OEchecked],
    10: ["Austria", "Austria.png", EUchecked],
    11: ["Azerbaijan", "Azerbaijan.png", MEchecked],
    12: ["Bahamas", "Bahamas.png", CBchecked],
    13: ["Bahrain", "Bahrain.png", MEchecked],
    14: ["Bangladesh", "Bangladesh.png", ASchecked],
    15: ["Barbados", "Barbados.png", CBchecked],
    16: ["Belarus", "Belarus.png", EUchecked],
    17: ["Belgium", "Belgium.png", EUchecked],
    18: ["Belize", "Belize.png", CAchecked],
    19: ["Benin", "Benin.png", AFchecked],
    20: ["Bhutan", "Bhutan.png", ASchecked],
    21: ["Bolivia", "Bolivia.png", SAchecked],
    22: ["Bosnia and Herzegovina", "Bosnia and Herzegovina.png", EUchecked],
    23: ["Botswana", "Botswana.png", AFchecked],
    24: ["Brazil", "Brazil.png", SAchecked],
    25: ["Brunei", "Brunei.png", ASchecked],
    26: ["Bulgaria", "Bulgaria.png", EUchecked],
    27: ["Burkina Faso", "Burkina Faso.png", AFchecked],
    28: ["Burundi", "Burundi.png", AFchecked],
    29: ["Cape Verde", "Cape Verde.png", AFchecked],
    30: ["Cambodia", "Cambodia.png", ASchecked],
    31: ["Cameroon", "Cameroon.png", AFchecked],
    32: ["Canada", "Canada.png", NAchecked],
    33: ["Central African Republic", "Central African Republic.png", AFchecked],
    34: ["Chad", "Chad.png", AFchecked],
    35: ["Chile", "Chile.png", SAchecked],
    36: ["China", "China.png", ASchecked],
    37: ["Colombia", "Colombia.png", SAchecked],
    38: ["Comoros", "Comoros.png", AFchecked],
    39: ["Democratic Republic of the Congo", "Democratic Republic of the Congo.png", AFchecked],
    40: ["Costa Rica", "Costa Rica.png", CAchecked],
    41: ["Ivory Coast", "Ivory Coast.png", AFchecked],
    42: ["Croatia", "Croatia.png", EUchecked],
    43: ["Cuba", "Cuba.png", CBchecked],
    44: ["Cyprus", "Cyprus.png", MEchecked],
    45: ["Czechia", "Czechia.png", EUchecked],
    46: ["Denmark", "Denmark.png", EUchecked],
    47: ["Djibouti", "Djibouti.png", AFchecked],
    48: ["Dominica", "Dominica.png", CBchecked],
    49: ["Dominican Republic", "Dominican Republic.png", CBchecked],
    50: ["Ecuador", "Ecuador.png", SAchecked],
    51: ["Egypt", "Egypt.png", AFchecked],
    52: ["El Salvador", "El Salvador.png", CAchecked],
    53: ["Equatorial Guinea", "Equatorial Guinea.png", AFchecked],
    54: ["Eritrea", "Eritrea.png", AFchecked],
    55: ["Estonia", "Estonia.png", EUchecked],
    56: ["Eswatini", "Eswatini.png", AFchecked],
    57: ["Ethiopia", "Ethiopia.png", AFchecked],
    58: ["Fiji", "Fiji.png", OEchecked],
    59: ["Finland", "Finland.png", EUchecked],
    60: ["France", "France.png", EUchecked],
    61: ["Gabon", "Gabon.png", AFchecked],
    62: ["Gambia", "Gambia.png", AFchecked],
    63: ["Georgia", "Georgia.png", MEchecked],
    64: ["Germany", "Germany.png", EUchecked],
    65: ["Ghana", "Ghana.png", AFchecked],
    66: ["Greece", "Greece.png", EUchecked],
    67: ["Grenada", "Grenada.png", CBchecked],
    68: ["Guatemala", "Guatemala.png", SAchecked],
    69: ["Guinea", "Guinea.png", AFchecked],
    70: ["Guinea Bissau", "Guinea Bissau.png", AFchecked],
    71: ["Guyana", "Guyana.png", SAchecked],
    72: ["Haiti", "Haiti.png", CBchecked],
    73: ["Honduras", "Honduras.png", CAchecked],
    74: ["Hungary", "Hungary.png", EUchecked],
    75: ["Iceland", "Iceland.png", EUchecked],
    76: ["India", "India.png", ASchecked],
    77: ["Indonesia", "Indonesia.png", ASchecked],
    78: ["Iran", "Iran.png", MEchecked],
    79: ["Iraq", "Iraq.png", MEchecked],
    80: ["Ireland", "Ireland.png", EUchecked],
    81: ["Israel", "Israel.png", MEchecked],
    82: ["Italy", "Italy.png", EUchecked],
    83: ["Jamaica", "Jamaica.png", CBchecked],
    84: ["Japan", "Japan.png", ASchecked],
    85: ["Jordan", "Jordan.png", MEchecked],
    86: ["Kazakhstan", "Kazakhstan.png", ASchecked],
    87: ["Kenya", "Kenya.png", AFchecked],
    88: ["Kiribati", "Kiribati.png", OEchecked],
    89: ["Kosovo", "Kosovo.png", EUchecked],
    90: ["Kuwait", "Kuwait.png", MEchecked],
    91: ["Kyrgyzstan", "Kyrgyzstan.png", ASchecked],
    92: ["Laos", "Laos.png", ASchecked],
    93: ["Latvia", "Latvia.png", EUchecked],
    94: ["Lebanon", "Lebanon.png", AFchecked],
    95: ["Lesotho", "Lesotho.png", AFchecked],
    96: ["Liberia", "Liberia.png", AFchecked],
    97: ["Libya", "Libya.png", AFchecked],
    98: ["Liechtenstein", "Liechtenstein.png", EUchecked],
    99: ["Lithuania", "Lithuania.png", EUchecked],
    100: ["Luxembourg", "Luxembourg.png", EUchecked],
    101: ["Madagascar", "Madagascar.png", AFchecked],
    102: ["Malawi", "Malawi.png", AFchecked],
    103: ["Malaysia", "Malaysia.png", ASchecked],
    104: ["Maldives", "Maldives.png", ASchecked],
    105: ["Mali", "Mali.png", AFchecked],
    106: ["Malta", "Malta.png", EUchecked],
    107: ["Marshall Islands", "Marshall Islands.png", OEchecked],
    108: ["Mauritania", "Mauritania.png", AFchecked],
    109: ["Mauritius", "Mauritius.png", AFchecked],
    110: ["Mexico", "Mexico.png", NAchecked],
    111: ["Micronesia", "Micronesia.png", OEchecked],
    112: ["Moldova", "Moldova.png", EUchecked],
    113: ["Monaco", "Monaco.png", EUchecked],
    114: ["Mongolia", "Mongolia.png", ASchecked],
    115: ["Montenegro", "Montenegro.png", EUchecked],
    116: ["Morocco", "Morocco.png", AFchecked],
    117: ["Mozambique", "Mozambique.png", AFchecked],
    118: ["Myanmar", "Myanmar.png", ASchecked],
    119: ["Namibia", "Namibia.png", AFchecked],
    120: ["Nauru", "Nauru.png", OEchecked],
    121: ["Nepal", "Nepal.png", ASchecked],
    122: ["Netherlands", "Netherlands.png", EUchecked],
    123: ["New Zealand", "New Zealand.png", OEchecked],
    124: ["Nicaragua", "Nicaragua.png", CAchecked],
    125: ["Niger", "Niger.png", AFchecked],
    126: ["Nigeria", "Nigeria.png", AFchecked],
    127: ["North Korea", "North Korea.png", ASchecked],
    128: ["North Macedonia", "North Macedonia.png", EUchecked],
    129: ["Norway", "Norway.png", EUchecked],
    130: ["Oman", "Oman.png", MEchecked],
    131: ["Pakistan", "Pakistan.png", ASchecked],
    132: ["Palau", "Palau.png", OEchecked],
    133: ["Panama", "Panama.png", CAchecked],
    134: ["Papua New Guinea", "Papua New Guinea.png", OEchecked],
    135: ["Paraguay", "Paraguay.png", SAchecked],
    136: ["Peru", "Peru.png", SAchecked],
    137: ["Philippines", "Philippines.png", ASchecked],
    138: ["Poland", "Poland.png", EUchecked],
    139: ["Portugal", "Portugal.png", EUchecked],
    140: ["Qatar", "Qatar.png", MEchecked],
    141: ["Romania", "Romania.png", EUchecked],
    142: ["Russia", "Russia.png", EUchecked],
    143: ["Rwanda", "Rwanda.png", AFchecked],
    144: ["Saint Kitts and Nevis", "Saint Kitts and Nevis.png", CBchecked],
    145: ["Saint Lucia", "Saint Lucia.png", CBchecked],
    146: ["Saint Vincent and the Grenadines", "Saint Vincent and the Grenadines.png", CBchecked],
    147: ["Samoa", "Samoa.png", OEchecked],
    148: ["San Marino", "San Marino.png", EUchecked],
    149: ["Sao Tome and Principe", "Sao Tome and Principe.png", AFchecked],
    150: ["Saudi Arabia", "Saudi Arabia.png", MEchecked],
    151: ["Senegal", "Senegal.png", AFchecked],
    152: ["Serbia", "Serbia.png", EUchecked],
    153: ["Seychelles", "Seychelles.png", AFchecked],
    154: ["Sierra Leone", "Sierra Leone.png", AFchecked],
    155: ["Singapore", "Singapore.png", ASchecked],
    156: ["Slovakia", "Slovakia.png", EUchecked],
    157: ["Slovenia", "Slovenia.png", EUchecked],
    158: ["Solomon Islands", "Solomon Islands.png", OEchecked],
    159: ["Somalia", "Somalia.png", AFchecked],
    160: ["South Africa", "South Africa.png", AFchecked],
    161: ["South Korea", "South Korea.png", ASchecked],
    162: ["South Sudan", "South Sudan.png", AFchecked],
    163: ["Spain", "Spain.png", EUchecked],
    164: ["Sri Lanka", "Sri Lanka.png", ASchecked],
    165: ["Sudan", "Sudan.png", AFchecked],
    166: ["Suriname", "Suriname.png", SAchecked],
    167: ["Sweden", "Sweden.png", EUchecked],
    168: ["Switzerland", "Switzerland.png", EUchecked],
    169: ["Syria", "Syria.png", MEchecked],
    170: ["Taiwan", "Taiwan.png", ASchecked],
    171: ["Tajikistan", "Tajikistan.png", ASchecked],
    172: ["Tanzania", "Tanzania.png", AFchecked],
    173: ["Thailand", "Thailand.png", ASchecked],
    174: ["Timor Leste", "Timor Leste.png", ASchecked],
    175: ["Togo", "Togo.png", AFchecked],
    176: ["Tonga", "Tonga.png", OEchecked],
    177: ["Trinidad and Tobago", "Trinidad and Tobago.png", CBchecked],
    178: ["Tunisia", "Tunisia.png", AFchecked],
    179: ["Turkey", "Turkey.png", MEchecked],
    180: ["Turkmenistan", "Turkmenistan.png", ASchecked],
    181: ["Tuvalu", "Tuvalu.png", OEchecked],
    182: ["Uganda", "Uganda.png", AFchecked],
    183: ["Ukraine", "Ukraine.png", EUchecked],
    184: ["United Arab Emirates", "UAE.png", MEchecked],
    185: ["United Kingdom", "UK.png", EUchecked],
    186: ["United States of America", "USA.png", NAchecked],
    187: ["Uruguay", "Uruguay.png", SAchecked],
    188: ["Uzbekistan", "Uzbekistan.png", ASchecked],
    189: ["Vanuatu", "Vanuatu.png", OEchecked],
    190: ["Vatican City", "Vatican City.png", EUchecked],
    191: ["Venezuela", "Venezuela.png", SAchecked],
    192: ["Vietnam", "Vietnam.png", ASchecked],
    193: ["Yemen", "Yemen.png", MEchecked],
    194: ["Zambia", "Zambia.png", AFchecked],
    195: ["Zimbabwe", "Zimbabwe.png", AFchecked]
  };
  
  
  const imageElement = document.getElementById("random-image"); //Image in the center
  const guessInput = document.getElementById("guessbar"); //Stored value of what gets typed into
  const printElement = document.getElementById("print"); //prints if you're right or wrong
  const printCountry = document.getElementById("revealprint"); //prints the country name
  
  let answer = "";
  let placerules = [""];
  let score = 0;
  let pr = 0;
  
  function myFunction(e) {
    if ((e && e.keyCode === 13) || e === 0) {
      checkAns();
      resetOpacity();
    }
  }
  
  function fadePrint() {
    const printElement = document.getElementById('print');
    printElement.classList.add('fade-out');
  }
  
  function resetOpacity() {
    const printElement = document.getElementById('print');
    printElement.classList.remove('fade-out');
  }
  
  function checkAns(){
    if(guessInput.value.toLowerCase() === answer){
      printElement.innerText = "Correct!";
      document.getElementById('guessbar').value = '';
      answer = newcountry();
      getWikiPage();
      setTimeout(fadePrint, 500);
      score = score+1;
      if(score > pr){
        pr = score;
      }
      document.getElementById('scorevis').innerText = score;
    }else{
      printElement.innerText="Try again"
      guessInput.classList.add('shake-animation');
      setTimeout(function() {
        guessInput.classList.remove('shake-animation');
      }, 400);
      setTimeout(fadePrint, 1000);
      score = 0;
      document.getElementById('scorevis').innerText = score;
    }
  }
  
  function newcountry(){
    const keys = Object.keys(maplot);
    const randomKey = keys[Math.floor(Math.random() * keys.length)];
    const continent = maplot[randomKey][2];
    
    if (continent === false) {
      return newcountry();
    } else {
      const randomImage = maplot[randomKey][1];
      const newAnswer = maplot[randomKey][0];
      imageElement.src = "countryborders/" + randomImage;
      printCountry.innerText = newAnswer;
      revealprint.style.opacity = '0%';
      next.style.opacity = '0%'
      document.getElementById('guessbar').value = '';
      return newAnswer.toLowerCase();
    }
  }
  var originalDisplay = guessbar.style.display;
  
  function skip(){
    answer = newcountry();
    getWikiPage();
    printElement.innerText = "";
    guessbar.style.display = originalDisplay;
  }
  
  function reveal() {
    revealprint.style.opacity = '100%';
    next.style.opacity = '100%'
    printElement.innerText = "";
    guessbar.style.display = 'none';
    score = 0;
    document.getElementById('scorevis').innerText = score;
  }
  
  answer = newcountry();
  
  const wikiLink = "https://en.wikipedia.org/wiki/"
  
  function getWikiPage() {
    const sendlink = wikiLink + answer.toString();
    document.getElementById('revealprint').href = sendlink;
    document.getElementById('revealprint').target = "_blank";
  }
//});
4

What is the problem now?

5

so basically in my newcountry function, I want the if statement to check to status of the checkboxes. Whether they are selected or not.

The continent variable should be true or false depending on if the check boxes are selected or unselected.

This way if the user only wants to see countries from North America, they can deselect all the checkboxes but North America.

function newcountry(){
    const keys = Object.keys(maplot);
    const randomKey = keys[Math.floor(Math.random() * keys.length)];
    const continent = maplot[randomKey][2];
    
    if (continent === false) {
      return newcountry();
    } else {
      const randomImage = maplot[randomKey][1];
      const newAnswer = maplot[randomKey][0];
      imageElement.src = "countryborders/" + randomImage;
      printCountry.innerText = newAnswer;
      revealprint.style.opacity = '0%';
      next.style.opacity = '0%'
      document.getElementById('guessbar').value = '';
      return newAnswer.toLowerCase();
    }
  }
6

the function should run repeatedly until if finds a country from North America.

please ask more questions if you’re confused.

7

Can i fork this project and edit it and tell you the solution, please?

8

Because I can’t depend on my solution if I don’t test it.

9

It’s set to public. or do I have to share it with you?

10

No, i don’t need to share

11

I invited you anyways, but yes please fork it and see what you can do. Thanks

12

I’m about to solve the problem.

13

I solved the problem ! :partying_face:

1 Like
14

That’s Great!! How can I see your changes?? Or if you don’t mind explaining what you did also.

15

https://guess-that-border-mkv-continent-categories.blueflameishere.repl.co/

Try it

1 Like
16

Awesome man, you did exactly it! How do I get the code then?

17

script.js

//document.addEventListener('DOMContentLoaded', function() {
  //North America Checkbox
  let NA = document.getElementById("NA");
  let NAchecked = NA.checked;
  NA.addEventListener("change", function() {
    NAchecked = NA.checked;
  });
  
  //Central America Checkbox
  let CA = document.getElementById("CA");
  let CAchecked = CA.checked;
  CA.addEventListener("change", function() {
    CAchecked = CA.checked;
  });
  
  //Caribbean Checkbox
  let CB = document.getElementById("CB");
  let CBchecked = CB.checked;
  CB.addEventListener("change", function() {
    CBchecked = CB.checked;
  });
  
  //South America Checkbox
  let SA = document.getElementById("SA");
  let SAchecked = SA.checked;
  SA.addEventListener("change", function() {
    SAchecked = SA.checked;
  });
  
  //Europe Checkbox
  let EU = document.getElementById("EU");
  let EUchecked = EU.checked;
  EU.addEventListener("change", function() {
    EUchecked = EU.checked;
  });
  
  //Middle East Checkbox
  let ME = document.getElementById("ME");
  let MEchecked = ME.checked;
  ME.addEventListener("change", function() {
    MEchecked = ME.checked;
  });
  
  //Africa Checkbox
  let AF = document.getElementById("AF");
  let AFchecked = AF.checked;
  AF.addEventListener("change", function() {
    AFchecked = AF.checked;
  });
  
  //Asia Checkbox
  let AS = document.getElementById("AS");
  let ASchecked = AS.checked;
  AS.addEventListener("change", function() {
    ASchecked = AS.checked;
  });
  
  //Oceania Checkbox
  let OE = document.getElementById("OE");
  let OEchecked = OE.checked;
  OE.addEventListener("change", function() {
    OEchecked = OE.checked;
  });
  
  let maplot = {
    1: ["Afghanistan", "Afghanistan.png", MEchecked],
    2: ["Albania", "Albania.png", EUchecked],
    3: ["Algeria", "Algeria.png", AFchecked],
    4: ["Andorra", "Andorra.png", EUchecked],
    5: ["Angola", "Angola.png", AFchecked],
    6: ["Antigua and Barbuda", "Antigua and Barbuda.png", CBchecked],
    7: ["Argentina", "Argentina.png", SAchecked],
    8: ["Armenia", "Armenia.png", ASchecked],
    9: ["Australia", "Australia.png", OEchecked],
    10: ["Austria", "Austria.png", EUchecked],
    11: ["Azerbaijan", "Azerbaijan.png", MEchecked],
    12: ["Bahamas", "Bahamas.png", CBchecked],
    13: ["Bahrain", "Bahrain.png", MEchecked],
    14: ["Bangladesh", "Bangladesh.png", ASchecked],
    15: ["Barbados", "Barbados.png", CBchecked],
    16: ["Belarus", "Belarus.png", EUchecked],
    17: ["Belgium", "Belgium.png", EUchecked],
    18: ["Belize", "Belize.png", CAchecked],
    19: ["Benin", "Benin.png", AFchecked],
    20: ["Bhutan", "Bhutan.png", ASchecked],
    21: ["Bolivia", "Bolivia.png", SAchecked],
    22: ["Bosnia and Herzegovina", "Bosnia and Herzegovina.png", EUchecked],
    23: ["Botswana", "Botswana.png", AFchecked],
    24: ["Brazil", "Brazil.png", SAchecked],
    25: ["Brunei", "Brunei.png", ASchecked],
    26: ["Bulgaria", "Bulgaria.png", EUchecked],
    27: ["Burkina Faso", "Burkina Faso.png", AFchecked],
    28: ["Burundi", "Burundi.png", AFchecked],
    29: ["Cape Verde", "Cape Verde.png", AFchecked],
    30: ["Cambodia", "Cambodia.png", ASchecked],
    31: ["Cameroon", "Cameroon.png", AFchecked],
    32: ["Canada", "Canada.png", NAchecked],
    33: ["Central African Republic", "Central African Republic.png", AFchecked],
    34: ["Chad", "Chad.png", AFchecked],
    35: ["Chile", "Chile.png", SAchecked],
    36: ["China", "China.png", ASchecked],
    37: ["Colombia", "Colombia.png", SAchecked],
    38: ["Comoros", "Comoros.png", AFchecked],
    39: ["Democratic Republic of the Congo", "Democratic Republic of the Congo.png", AFchecked],
    40: ["Costa Rica", "Costa Rica.png", CAchecked],
    41: ["Ivory Coast", "Ivory Coast.png", AFchecked],
    42: ["Croatia", "Croatia.png", EUchecked],
    43: ["Cuba", "Cuba.png", CBchecked],
    44: ["Cyprus", "Cyprus.png", MEchecked],
    45: ["Czechia", "Czechia.png", EUchecked],
    46: ["Denmark", "Denmark.png", EUchecked],
    47: ["Djibouti", "Djibouti.png", AFchecked],
    48: ["Dominica", "Dominica.png", CBchecked],
    49: ["Dominican Republic", "Dominican Republic.png", CBchecked],
    50: ["Ecuador", "Ecuador.png", SAchecked],
    51: ["Egypt", "Egypt.png", AFchecked],
    52: ["El Salvador", "El Salvador.png", CAchecked],
    53: ["Equatorial Guinea", "Equatorial Guinea.png", AFchecked],
    54: ["Eritrea", "Eritrea.png", AFchecked],
    55: ["Estonia", "Estonia.png", EUchecked],
    56: ["Eswatini", "Eswatini.png", AFchecked],
    57: ["Ethiopia", "Ethiopia.png", AFchecked],
    58: ["Fiji", "Fiji.png", OEchecked],
    59: ["Finland", "Finland.png", EUchecked],
    60: ["France", "France.png", EUchecked],
    61: ["Gabon", "Gabon.png", AFchecked],
    62: ["Gambia", "Gambia.png", AFchecked],
    63: ["Georgia", "Georgia.png", MEchecked],
    64: ["Germany", "Germany.png", EUchecked],
    65: ["Ghana", "Ghana.png", AFchecked],
    66: ["Greece", "Greece.png", EUchecked],
    67: ["Grenada", "Grenada.png", CBchecked],
    68: ["Guatemala", "Guatemala.png", SAchecked],
    69: ["Guinea", "Guinea.png", AFchecked],
    70: ["Guinea Bissau", "Guinea Bissau.png", AFchecked],
    71: ["Guyana", "Guyana.png", SAchecked],
    72: ["Haiti", "Haiti.png", CBchecked],
    73: ["Honduras", "Honduras.png", CAchecked],
    74: ["Hungary", "Hungary.png", EUchecked],
    75: ["Iceland", "Iceland.png", EUchecked],
    76: ["India", "India.png", ASchecked],
    77: ["Indonesia", "Indonesia.png", ASchecked],
    78: ["Iran", "Iran.png", MEchecked],
    79: ["Iraq", "Iraq.png", MEchecked],
    80: ["Ireland", "Ireland.png", EUchecked],
    81: ["Israel", "Israel.png", MEchecked],
    82: ["Italy", "Italy.png", EUchecked],
    83: ["Jamaica", "Jamaica.png", CBchecked],
    84: ["Japan", "Japan.png", ASchecked],
    85: ["Jordan", "Jordan.png", MEchecked],
    86: ["Kazakhstan", "Kazakhstan.png", ASchecked],
    87: ["Kenya", "Kenya.png", AFchecked],
    88: ["Kiribati", "Kiribati.png", OEchecked],
    89: ["Kosovo", "Kosovo.png", EUchecked],
    90: ["Kuwait", "Kuwait.png", MEchecked],
    91: ["Kyrgyzstan", "Kyrgyzstan.png", ASchecked],
    92: ["Laos", "Laos.png", ASchecked],
    93: ["Latvia", "Latvia.png", EUchecked],
    94: ["Lebanon", "Lebanon.png", AFchecked],
    95: ["Lesotho", "Lesotho.png", AFchecked],
    96: ["Liberia", "Liberia.png", AFchecked],
    97: ["Libya", "Libya.png", AFchecked],
    98: ["Liechtenstein", "Liechtenstein.png", EUchecked],
    99: ["Lithuania", "Lithuania.png", EUchecked],
    100: ["Luxembourg", "Luxembourg.png", EUchecked],
    101: ["Madagascar", "Madagascar.png", AFchecked],
    102: ["Malawi", "Malawi.png", AFchecked],
    103: ["Malaysia", "Malaysia.png", ASchecked],
    104: ["Maldives", "Maldives.png", ASchecked],
    105: ["Mali", "Mali.png", AFchecked],
    106: ["Malta", "Malta.png", EUchecked],
    107: ["Marshall Islands", "Marshall Islands.png", OEchecked],
    108: ["Mauritania", "Mauritania.png", AFchecked],
    109: ["Mauritius", "Mauritius.png", AFchecked],
    110: ["Mexico", "Mexico.png", NAchecked],
    111: ["Micronesia", "Micronesia.png", OEchecked],
    112: ["Moldova", "Moldova.png", EUchecked],
    113: ["Monaco", "Monaco.png", EUchecked],
    114: ["Mongolia", "Mongolia.png", ASchecked],
    115: ["Montenegro", "Montenegro.png", EUchecked],
    116: ["Morocco", "Morocco.png", AFchecked],
    117: ["Mozambique", "Mozambique.png", AFchecked],
    118: ["Myanmar", "Myanmar.png", ASchecked],
    119: ["Namibia", "Namibia.png", AFchecked],
    120: ["Nauru", "Nauru.png", OEchecked],
    121: ["Nepal", "Nepal.png", ASchecked],
    122: ["Netherlands", "Netherlands.png", EUchecked],
    123: ["New Zealand", "New Zealand.png", OEchecked],
    124: ["Nicaragua", "Nicaragua.png", CAchecked],
    125: ["Niger", "Niger.png", AFchecked],
    126: ["Nigeria", "Nigeria.png", AFchecked],
    127: ["North Korea", "North Korea.png", ASchecked],
    128: ["North Macedonia", "North Macedonia.png", EUchecked],
    129: ["Norway", "Norway.png", EUchecked],
    130: ["Oman", "Oman.png", MEchecked],
    131: ["Pakistan", "Pakistan.png", ASchecked],
    132: ["Palau", "Palau.png", OEchecked],
    133: ["Panama", "Panama.png", CAchecked],
    134: ["Papua New Guinea", "Papua New Guinea.png", OEchecked],
    135: ["Paraguay", "Paraguay.png", SAchecked],
    136: ["Peru", "Peru.png", SAchecked],
    137: ["Philippines", "Philippines.png", ASchecked],
    138: ["Poland", "Poland.png", EUchecked],
    139: ["Portugal", "Portugal.png", EUchecked],
    140: ["Qatar", "Qatar.png", MEchecked],
    141: ["Romania", "Romania.png", EUchecked],
    142: ["Russia", "Russia.png", EUchecked],
    143: ["Rwanda", "Rwanda.png", AFchecked],
    144: ["Saint Kitts and Nevis", "Saint Kitts and Nevis.png", CBchecked],
    145: ["Saint Lucia", "Saint Lucia.png", CBchecked],
    146: ["Saint Vincent and the Grenadines", "Saint Vincent and the Grenadines.png", CBchecked],
    147: ["Samoa", "Samoa.png", OEchecked],
    148: ["San Marino", "San Marino.png", EUchecked],
    149: ["Sao Tome and Principe", "Sao Tome and Principe.png", AFchecked],
    150: ["Saudi Arabia", "Saudi Arabia.png", MEchecked],
    151: ["Senegal", "Senegal.png", AFchecked],
    152: ["Serbia", "Serbia.png", EUchecked],
    153: ["Seychelles", "Seychelles.png", AFchecked],
    154: ["Sierra Leone", "Sierra Leone.png", AFchecked],
    155: ["Singapore", "Singapore.png", ASchecked],
    156: ["Slovakia", "Slovakia.png", EUchecked],
    157: ["Slovenia", "Slovenia.png", EUchecked],
    158: ["Solomon Islands", "Solomon Islands.png", OEchecked],
    159: ["Somalia", "Somalia.png", AFchecked],
    160: ["South Africa", "South Africa.png", AFchecked],
    161: ["South Korea", "South Korea.png", ASchecked],
    162: ["South Sudan", "South Sudan.png", AFchecked],
    163: ["Spain", "Spain.png", EUchecked],
    164: ["Sri Lanka", "Sri Lanka.png", ASchecked],
    165: ["Sudan", "Sudan.png", AFchecked],
    166: ["Suriname", "Suriname.png", SAchecked],
    167: ["Sweden", "Sweden.png", EUchecked],
    168: ["Switzerland", "Switzerland.png", EUchecked],
    169: ["Syria", "Syria.png", MEchecked],
    170: ["Taiwan", "Taiwan.png", ASchecked],
    171: ["Tajikistan", "Tajikistan.png", ASchecked],
    172: ["Tanzania", "Tanzania.png", AFchecked],
    173: ["Thailand", "Thailand.png", ASchecked],
    174: ["Timor Leste", "Timor Leste.png", ASchecked],
    175: ["Togo", "Togo.png", AFchecked],
    176: ["Tonga", "Tonga.png", OEchecked],
    177: ["Trinidad and Tobago", "Trinidad and Tobago.png", CBchecked],
    178: ["Tunisia", "Tunisia.png", AFchecked],
    179: ["Turkey", "Turkey.png", MEchecked],
    180: ["Turkmenistan", "Turkmenistan.png", ASchecked],
    181: ["Tuvalu", "Tuvalu.png", OEchecked],
    182: ["Uganda", "Uganda.png", AFchecked],
    183: ["Ukraine", "Ukraine.png", EUchecked],
    184: ["United Arab Emirates", "UAE.png", MEchecked],
    185: ["United Kingdom", "UK.png", EUchecked],
    186: ["United States of America", "USA.png", NAchecked],
    187: ["Uruguay", "Uruguay.png", SAchecked],
    188: ["Uzbekistan", "Uzbekistan.png", ASchecked],
    189: ["Vanuatu", "Vanuatu.png", OEchecked],
    190: ["Vatican City", "Vatican City.png", EUchecked],
    191: ["Venezuela", "Venezuela.png", SAchecked],
    192: ["Vietnam", "Vietnam.png", ASchecked],
    193: ["Yemen", "Yemen.png", MEchecked],
    194: ["Zambia", "Zambia.png", AFchecked],
    195: ["Zimbabwe", "Zimbabwe.png", AFchecked]
  };

setInterval(function () {
    
  let maplot1 = {
    1: ["Afghanistan", "Afghanistan.png", MEchecked],
    2: ["Albania", "Albania.png", EUchecked],
    3: ["Algeria", "Algeria.png", AFchecked],
    4: ["Andorra", "Andorra.png", EUchecked],
    5: ["Angola", "Angola.png", AFchecked],
    6: ["Antigua and Barbuda", "Antigua and Barbuda.png", CBchecked],
    7: ["Argentina", "Argentina.png", SAchecked],
    8: ["Armenia", "Armenia.png", ASchecked],
    9: ["Australia", "Australia.png", OEchecked],
    10: ["Austria", "Austria.png", EUchecked],
    11: ["Azerbaijan", "Azerbaijan.png", MEchecked],
    12: ["Bahamas", "Bahamas.png", CBchecked],
    13: ["Bahrain", "Bahrain.png", MEchecked],
    14: ["Bangladesh", "Bangladesh.png", ASchecked],
    15: ["Barbados", "Barbados.png", CBchecked],
    16: ["Belarus", "Belarus.png", EUchecked],
    17: ["Belgium", "Belgium.png", EUchecked],
    18: ["Belize", "Belize.png", CAchecked],
    19: ["Benin", "Benin.png", AFchecked],
    20: ["Bhutan", "Bhutan.png", ASchecked],
    21: ["Bolivia", "Bolivia.png", SAchecked],
    22: ["Bosnia and Herzegovina", "Bosnia and Herzegovina.png", EUchecked],
    23: ["Botswana", "Botswana.png", AFchecked],
    24: ["Brazil", "Brazil.png", SAchecked],
    25: ["Brunei", "Brunei.png", ASchecked],
    26: ["Bulgaria", "Bulgaria.png", EUchecked],
    27: ["Burkina Faso", "Burkina Faso.png", AFchecked],
    28: ["Burundi", "Burundi.png", AFchecked],
    29: ["Cape Verde", "Cape Verde.png", AFchecked],
    30: ["Cambodia", "Cambodia.png", ASchecked],
    31: ["Cameroon", "Cameroon.png", AFchecked],
    32: ["Canada", "Canada.png", NAchecked],
    33: ["Central African Republic", "Central African Republic.png", AFchecked],
    34: ["Chad", "Chad.png", AFchecked],
    35: ["Chile", "Chile.png", SAchecked],
    36: ["China", "China.png", ASchecked],
    37: ["Colombia", "Colombia.png", SAchecked],
    38: ["Comoros", "Comoros.png", AFchecked],
    39: ["Democratic Republic of the Congo", "Democratic Republic of the Congo.png", AFchecked],
    40: ["Costa Rica", "Costa Rica.png", CAchecked],
    41: ["Ivory Coast", "Ivory Coast.png", AFchecked],
    42: ["Croatia", "Croatia.png", EUchecked],
    43: ["Cuba", "Cuba.png", CBchecked],
    44: ["Cyprus", "Cyprus.png", MEchecked],
    45: ["Czechia", "Czechia.png", EUchecked],
    46: ["Denmark", "Denmark.png", EUchecked],
    47: ["Djibouti", "Djibouti.png", AFchecked],
    48: ["Dominica", "Dominica.png", CBchecked],
    49: ["Dominican Republic", "Dominican Republic.png", CBchecked],
    50: ["Ecuador", "Ecuador.png", SAchecked],
    51: ["Egypt", "Egypt.png", AFchecked],
    52: ["El Salvador", "El Salvador.png", CAchecked],
    53: ["Equatorial Guinea", "Equatorial Guinea.png", AFchecked],
    54: ["Eritrea", "Eritrea.png", AFchecked],
    55: ["Estonia", "Estonia.png", EUchecked],
    56: ["Eswatini", "Eswatini.png", AFchecked],
    57: ["Ethiopia", "Ethiopia.png", AFchecked],
    58: ["Fiji", "Fiji.png", OEchecked],
    59: ["Finland", "Finland.png", EUchecked],
    60: ["France", "France.png", EUchecked],
    61: ["Gabon", "Gabon.png", AFchecked],
    62: ["Gambia", "Gambia.png", AFchecked],
    63: ["Georgia", "Georgia.png", MEchecked],
    64: ["Germany", "Germany.png", EUchecked],
    65: ["Ghana", "Ghana.png", AFchecked],
    66: ["Greece", "Greece.png", EUchecked],
    67: ["Grenada", "Grenada.png", CBchecked],
    68: ["Guatemala", "Guatemala.png", SAchecked],
    69: ["Guinea", "Guinea.png", AFchecked],
    70: ["Guinea Bissau", "Guinea Bissau.png", AFchecked],
    71: ["Guyana", "Guyana.png", SAchecked],
    72: ["Haiti", "Haiti.png", CBchecked],
    73: ["Honduras", "Honduras.png", CAchecked],
    74: ["Hungary", "Hungary.png", EUchecked],
    75: ["Iceland", "Iceland.png", EUchecked],
    76: ["India", "India.png", ASchecked],
    77: ["Indonesia", "Indonesia.png", ASchecked],
    78: ["Iran", "Iran.png", MEchecked],
    79: ["Iraq", "Iraq.png", MEchecked],
    80: ["Ireland", "Ireland.png", EUchecked],
    81: ["Israel", "Israel.png", MEchecked],
    82: ["Italy", "Italy.png", EUchecked],
    83: ["Jamaica", "Jamaica.png", CBchecked],
    84: ["Japan", "Japan.png", ASchecked],
    85: ["Jordan", "Jordan.png", MEchecked],
    86: ["Kazakhstan", "Kazakhstan.png", ASchecked],
    87: ["Kenya", "Kenya.png", AFchecked],
    88: ["Kiribati", "Kiribati.png", OEchecked],
    89: ["Kosovo", "Kosovo.png", EUchecked],
    90: ["Kuwait", "Kuwait.png", MEchecked],
    91: ["Kyrgyzstan", "Kyrgyzstan.png", ASchecked],
    92: ["Laos", "Laos.png", ASchecked],
    93: ["Latvia", "Latvia.png", EUchecked],
    94: ["Lebanon", "Lebanon.png", AFchecked],
    95: ["Lesotho", "Lesotho.png", AFchecked],
    96: ["Liberia", "Liberia.png", AFchecked],
    97: ["Libya", "Libya.png", AFchecked],
    98: ["Liechtenstein", "Liechtenstein.png", EUchecked],
    99: ["Lithuania", "Lithuania.png", EUchecked],
    100: ["Luxembourg", "Luxembourg.png", EUchecked],
    101: ["Madagascar", "Madagascar.png", AFchecked],
    102: ["Malawi", "Malawi.png", AFchecked],
    103: ["Malaysia", "Malaysia.png", ASchecked],
    104: ["Maldives", "Maldives.png", ASchecked],
    105: ["Mali", "Mali.png", AFchecked],
    106: ["Malta", "Malta.png", EUchecked],
    107: ["Marshall Islands", "Marshall Islands.png", OEchecked],
    108: ["Mauritania", "Mauritania.png", AFchecked],
    109: ["Mauritius", "Mauritius.png", AFchecked],
    110: ["Mexico", "Mexico.png", NAchecked],
    111: ["Micronesia", "Micronesia.png", OEchecked],
    112: ["Moldova", "Moldova.png", EUchecked],
    113: ["Monaco", "Monaco.png", EUchecked],
    114: ["Mongolia", "Mongolia.png", ASchecked],
    115: ["Montenegro", "Montenegro.png", EUchecked],
    116: ["Morocco", "Morocco.png", AFchecked],
    117: ["Mozambique", "Mozambique.png", AFchecked],
    118: ["Myanmar", "Myanmar.png", ASchecked],
    119: ["Namibia", "Namibia.png", AFchecked],
    120: ["Nauru", "Nauru.png", OEchecked],
    121: ["Nepal", "Nepal.png", ASchecked],
    122: ["Netherlands", "Netherlands.png", EUchecked],
    123: ["New Zealand", "New Zealand.png", OEchecked],
    124: ["Nicaragua", "Nicaragua.png", CAchecked],
    125: ["Niger", "Niger.png", AFchecked],
    126: ["Nigeria", "Nigeria.png", AFchecked],
    127: ["North Korea", "North Korea.png", ASchecked],
    128: ["North Macedonia", "North Macedonia.png", EUchecked],
    129: ["Norway", "Norway.png", EUchecked],
    130: ["Oman", "Oman.png", MEchecked],
    131: ["Pakistan", "Pakistan.png", ASchecked],
    132: ["Palau", "Palau.png", OEchecked],
    133: ["Panama", "Panama.png", CAchecked],
    134: ["Papua New Guinea", "Papua New Guinea.png", OEchecked],
    135: ["Paraguay", "Paraguay.png", SAchecked],
    136: ["Peru", "Peru.png", SAchecked],
    137: ["Philippines", "Philippines.png", ASchecked],
    138: ["Poland", "Poland.png", EUchecked],
    139: ["Portugal", "Portugal.png", EUchecked],
    140: ["Qatar", "Qatar.png", MEchecked],
    141: ["Romania", "Romania.png", EUchecked],
    142: ["Russia", "Russia.png", EUchecked],
    143: ["Rwanda", "Rwanda.png", AFchecked],
    144: ["Saint Kitts and Nevis", "Saint Kitts and Nevis.png", CBchecked],
    145: ["Saint Lucia", "Saint Lucia.png", CBchecked],
    146: ["Saint Vincent and the Grenadines", "Saint Vincent and the Grenadines.png", CBchecked],
    147: ["Samoa", "Samoa.png", OEchecked],
    148: ["San Marino", "San Marino.png", EUchecked],
    149: ["Sao Tome and Principe", "Sao Tome and Principe.png", AFchecked],
    150: ["Saudi Arabia", "Saudi Arabia.png", MEchecked],
    151: ["Senegal", "Senegal.png", AFchecked],
    152: ["Serbia", "Serbia.png", EUchecked],
    153: ["Seychelles", "Seychelles.png", AFchecked],
    154: ["Sierra Leone", "Sierra Leone.png", AFchecked],
    155: ["Singapore", "Singapore.png", ASchecked],
    156: ["Slovakia", "Slovakia.png", EUchecked],
    157: ["Slovenia", "Slovenia.png", EUchecked],
    158: ["Solomon Islands", "Solomon Islands.png", OEchecked],
    159: ["Somalia", "Somalia.png", AFchecked],
    160: ["South Africa", "South Africa.png", AFchecked],
    161: ["South Korea", "South Korea.png", ASchecked],
    162: ["South Sudan", "South Sudan.png", AFchecked],
    163: ["Spain", "Spain.png", EUchecked],
    164: ["Sri Lanka", "Sri Lanka.png", ASchecked],
    165: ["Sudan", "Sudan.png", AFchecked],
    166: ["Suriname", "Suriname.png", SAchecked],
    167: ["Sweden", "Sweden.png", EUchecked],
    168: ["Switzerland", "Switzerland.png", EUchecked],
    169: ["Syria", "Syria.png", MEchecked],
    170: ["Taiwan", "Taiwan.png", ASchecked],
    171: ["Tajikistan", "Tajikistan.png", ASchecked],
    172: ["Tanzania", "Tanzania.png", AFchecked],
    173: ["Thailand", "Thailand.png", ASchecked],
    174: ["Timor Leste", "Timor Leste.png", ASchecked],
    175: ["Togo", "Togo.png", AFchecked],
    176: ["Tonga", "Tonga.png", OEchecked],
    177: ["Trinidad and Tobago", "Trinidad and Tobago.png", CBchecked],
    178: ["Tunisia", "Tunisia.png", AFchecked],
    179: ["Turkey", "Turkey.png", MEchecked],
    180: ["Turkmenistan", "Turkmenistan.png", ASchecked],
    181: ["Tuvalu", "Tuvalu.png", OEchecked],
    182: ["Uganda", "Uganda.png", AFchecked],
    183: ["Ukraine", "Ukraine.png", EUchecked],
    184: ["United Arab Emirates", "UAE.png", MEchecked],
    185: ["United Kingdom", "UK.png", EUchecked],
    186: ["United States of America", "USA.png", NAchecked],
    187: ["Uruguay", "Uruguay.png", SAchecked],
    188: ["Uzbekistan", "Uzbekistan.png", ASchecked],
    189: ["Vanuatu", "Vanuatu.png", OEchecked],
    190: ["Vatican City", "Vatican City.png", EUchecked],
    191: ["Venezuela", "Venezuela.png", SAchecked],
    192: ["Vietnam", "Vietnam.png", ASchecked],
    193: ["Yemen", "Yemen.png", MEchecked],
    194: ["Zambia", "Zambia.png", AFchecked],
    195: ["Zimbabwe", "Zimbabwe.png", AFchecked]
  };
  maplot = maplot1
},500)

  
  const imageElement = document.getElementById("random-image"); //Image in the center
  const guessInput = document.getElementById("guessbar"); //Stored value of what gets typed into
  const printElement = document.getElementById("print"); //prints if you're right or wrong
  const printCountry = document.getElementById("revealprint"); //prints the country name
  
  let answer = "";
  let placerules = [""];
  let score = 0;
  let pr = 0;
  
  function myFunction(e) {
    if ((e && e.keyCode === 13) || e === 0) {
      checkAns();
      resetOpacity();
    }
  }
  
  function fadePrint() {
    const printElement = document.getElementById('print');
    printElement.classList.add('fade-out');
  }
  
  function resetOpacity() {
    const printElement = document.getElementById('print');
    printElement.classList.remove('fade-out');
  }
  
  function checkAns(){
    if(guessInput.value.toLowerCase() === answer){
      printElement.innerText = "Correct!";
      document.getElementById('guessbar').value = '';
      answer = newcountry();
      getWikiPage();
      setTimeout(fadePrint, 500);
      score = score+1;
      if(score > pr){
        pr = score;
      }
      document.getElementById('scorevis').innerText = score;
    }else{
      printElement.innerText="Try again"
      guessInput.classList.add('shake-animation');
      setTimeout(function() {
        guessInput.classList.remove('shake-animation');
      }, 400);
      setTimeout(fadePrint, 1000);
      score = 0;
      document.getElementById('scorevis').innerText = score;
    }
  }
  
  function newcountry(){
    let keys = Object.keys(maplot);
    let randomKey = keys[Math.floor(Math.random() * keys.length)];    
    let continent = maplot[randomKey]

    if (continent[2] == false) {
      return newcountry();
    } else if(continent[2]) {
      const newAnswer = continent[0];
   const randomImageTrue = continent[1]
      imageElement.src = "countryborders/" + randomImageTrue;
      printCountry.innerText = newAnswer;
      revealprint.style.opacity = '0%';
      next.style.opacity = '0%'
      document.getElementById('guessbar').value = '';
      return newAnswer.toLowerCase();
    }

  }
  let originalDisplay = guessbar.style.display;
  
  function skip(){
    answer = newcountry();
    getWikiPage();
    printElement.innerText = "";
    guessbar.style.display = originalDisplay;
  }
  
  function reveal() {
    revealprint.style.opacity = '100%';
    next.style.opacity = '100%'
    printElement.innerText = "";
    guessbar.style.display = 'none';
    score = 0;
    document.getElementById('scorevis').innerText = score;
  }
  
  answer = newcountry();
  
  const wikiLink = "https://en.wikipedia.org/wiki/"
  
  function getWikiPage() {
    const sendlink = wikiLink + answer.toString();
    document.getElementById('revealprint').href = sendlink;
    document.getElementById('revealprint').target = "_blank";
  }
//});
1 Like
18

Try It, If It Doesn’t Work With You Tell Me.

19

Yes, it’s working for me! You were very quick! I never would’ve figured that out. I’m still a rookie haha. Thanks for taking the time to do that!

3 Likes
20

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.