Как сделать алгоритм теста?

Question

[ovsy]

Всем привет, делаю одну задачу, суть такая:
Пользователь вводит термины в input, они сохраняются в localStorage, после этого пользователь должен ответить знает он этот термин, или может объяснить, либо пропустить термин. Не могу разобраться как сделать правильно алгоритм работы
Если пользовоатель ответит на все термины, то оценка отлично

window.onload = function() {
  const input = document.querySelector("#name-form6-5");
  let save = document.getElementById('save');
  
  save.addEventListener('click', function() {
    let arr = input.value;
    let array = arr.split(' ')
    localStorage.setItem('value', JSON.stringify(array));
    window.location.reload();
  })

  const paragraph = document.getElementById("question");
  score = 0;
  const arrayOfStorage = JSON.parse(localStorage.getItem('value'))
  console.log(arrayOfStorage)
  
  for (let i = 0; i < JSON.parse(localStorage.getItem('value')).length; i++) {
    paragraph.innerText = arrayOfStorage[0];
    document.querySelector('#understand').addEventListener('click', function() {
      score += 1;
      paragraph.innerText = arrayOfStorage[i + 1];
   }) 
  }
}

<section class="hidden">
        <div class="container">
            <div class="mbr-section-head">
                <h3 class="mbr-section-title mbr-fonts-style align-center mb-0 display-2"><strong>Выберите
                        ответ:</strong></h3>
                <p id="question" class="mbr-fonts-style mbr-text mbr-white mb-3 display-7">
                    Вопросы отобразятся здесь</p>
                <div id="buttons">
                    <button type="submit" id="understand" class="btn btn-primary display-4">Понимаю</button>
                    <button type="submit" id="know" class="btn btn-primary display-4">Умею</button>
                    <button type="submit" id="skip" class="btn btn-primary display-4">Пропустить</button>
                </div>
            </div>
        </div>
    </section>

Comments

[Kentavr16]

я бы помещал в локалстор не просто вопрос, а json например. По типу {"quest": " tut vopros", "isCompleted":"true/false"}. где isCompleted это значение - знает ли ответ пользователь. Дальше пробегаешься после ответов по результату, и делаешь что угодно - ставить оценки за каждое true или еще что. Проще всего работать именно с этим обьектом, сохраняя его только между сессиями.

[ovsy]

Kentavr16, хорошая идея, а как реализовать такое?

[Kentavr16]

ovsy, Вообще согласен с ответом ниже. Как пример же - вот

//создаем массив для вопросов
let quests=[];
//пример функции для добавления вопроса в массив
function addQuest(quest){
quests.push(quest)
}

//Вот вы к примеру добавили 5 вопросов.  
addQuest({"quest":"true"});
addQuest({"quest2":"false"});
addQuest({"quest3":"true"});
addQuest({"quest4":"false"});
addQuest({"quest5":"false"});

// функция которая посчитает сколько ответов верных и выведет это в консоль
function showResult(){
    let counter = 0;
    quests.forEach((elem)=>{
        if (Object.values(elem) =="true"){
            counter++
        }
    })
    console.log(` Вы дали ${counter} правильных ответов из ${quests.length}`)
}
showResult()
//запускаем эту функцию и в консоли видим
//Вы дали 2 правильных ответов из 5 
// Теперь приводим наш массив к строке, чтобы хранить в локалсторе
let myStr = JSON.stringify(quests);
//можем сохранять. myStr теперь просто строка такого плана
// [{"quest":"true"},{"quest2":"false"},{"quest3":"true"},{"quest4":"false"},{"quest5":"false"}]

Когда нужно будет достать данные из стора, преобразуете их в массив.
Код написан выше чисто в ознакомительных целях, грязный и сделать можно проще- если вздумаешь что использовать допили сам, а лучше напиши чистые функции с 0.

Answer 1

[imko]

Кидай просто связку {идентификатор вопроса: статус ответа}. Ответ смотри уже как удобнее, достаточно и буля + undefined, true - понимаю false - умею, undefined - пропустил. Либо числовые ключи ответам присваивай 1-знаю...
Ну а финальная проверка просто reduce массива значений объекта с информацией о тестировании
За конкретным кодом туда)