Enumeration Questionnaire type logic using javascript

Good day.
i'm trying to create enumeration type questionnaire, but i don't know the logic behind it. I want to know how to prevent this from counting as a correct. check the picture.

also, it is correct if it is matched in the array list even it is not in order or in sequence.

Here's what i have tried and it is really messy. sorry

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

var correctList = ['afghanistan','albania','algeria','argentina','armenia','angola']
var score = 0;
var yourAnswerAre = [];
document.querySelector('button').addEventListener('click', function () {
document.querySelectorAll('.enumeration').forEach(input => {
var countNum = 1;
  correctList.forEach(list => {
	 if(input.value == list){
     score++;
     yourAnswerAre.push({
     		'Numb': countNum,
        'Answer': input.value,
        'IsCorrect': 'yes'
     })
   }else{
     score--;
     yourAnswerAre.push({
     		'Numb': countNum,
        'Answer': input.value,
        'IsCorrect': 'no'
     })
   }
   countNum++
  })
})

document.querySelector('span').innerText = score;
console.log(yourAnswerAre)
})

<!-- language: lang-html -->

<label>score: <span>0</span></label>
<h3>
Give atleast 5 Country starts with letter A
</h3>
<input type="text" class="enumeration"/>
<input type="text" class="enumeration"/>
<input type="text" class="enumeration"/>
<input type="text" class="enumeration"/>
<input type="text" class="enumeration"/>
<button>
save
</button>

<!-- end snippet -->

You were running through all of the possible answers against the inputs. I removed a foreach and used includes instead.

To guard against repeated inputs, I created the used array, which is set to true after an answer has been given.

 if (countries.includes(answer) && !used[countries.indexOf(answer)])
     {
     used[countries.indexOf(answer)]=true;
     ...

I added a martkung scheme with insertAdjacentHTML

   input.insertAdjacentHTML("afterend", '<span style="color:red">&#10006</span>');

<!-- begin snippet: js hide: false console: true babel: null -->

<!-- language: lang-js -->

var countries = ['afghanistan', 'albania', 'algeria', 'angola', 'argentina', 'armenia'];
var used = new Array(countries.length).fill(false);

var score = 0;
var yourAnswers = [];
var countNum = 1;

document.querySelector('button').addEventListener('click', function () {
document.querySelectorAll('.enumeration').forEach(input => {
  var answer = input.value.toLowerCase();

  if (countries.includes(answer) && !used[countries.indexOf(answer)])
     {
     used[countries.indexOf(answer)]=true;
     score++;
     yourAnswers.push({
        'Number': countNum,
        'Answer': input.value,
        'Correct': 'yes'
     });
     input.insertAdjacentHTML("afterend", '<span style="color:green">&#10003</span>');
   } else {
     yourAnswers.push({
        'Number': countNum,
        'Answer': input.value,
        'Correct': 'no'
     });
     input.insertAdjacentHTML("afterend", '<span style="color:red">&#10006</span>');
   }
   countNum++;
  });

document.querySelector('label>span').innerText = score;

})

<!-- language: lang-html -->

<h3>Give 5 countries that start with the letter A</h3>
<input type="text" class="enumeration"><br>
<input type="text" class="enumeration"><br>
<input type="text" class="enumeration"><br>
<input type="text" class="enumeration"><br>
<input type="text" class="enumeration"><br>
<button>mark</button><label>score: <span>0</span></label>

<!-- end snippet -->