Как правильно выбрать базу данных для приложения Quiz (веб)?

Я Кишор, я делаю викторину для своего семестрового проекта, используя HTML, CSS и JavaScript. Как мне показать выбранное количество вопросов пользователю в соответствии с выбранной пользователем темой? Посмотрите ниже, это скриншот веб-страницы. Index.html Снимок экрана

В основном я хочу отображать вопросы пользователю в соответствии с темой и количеством вопросов

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
22
2

Ответы 2

Если вы хотите использовать базу данных, вы также должны использовать бэкэнд. Если вы хотите полностью полагаться на javascript, просто используйте node js с экспрессом для бэкэнда, и я думаю, что Mongodb будет хорошим выбором для базы данных.

Я думаю, что MongoDB или NoSQL были бы хорошим выбором, если бы вы хотели создать серверную часть и использовать базы данных. Ваши данные не должны быть структурированы, только JSON.

Рекомендуемый подход

Поскольку вы указали HTML, CSS и JavaScript, я предполагаю, что вы не используете серверную часть (только файлы .html, .css, .js). У вас может быть такая структура каталогов:

project-directory
 |
 |-- index.html
 |-- script.js
 |-- styles.css
 |-- questions-subject-a.txt
 |-- questions-subject-b.txt
 |-- questions-subject-c.txt

А затем используйте запрос xhttp, чтобы получить данные текстового файла. Пример ниже:

function set(xhttp, hdl) {
    xhttp.onreadystatechange = hdl;
}

function getFileData(filename) {
    var file, xhttp;
    var func = function () {
        if (this.readyState == 4) { // check if the response is ready
            if (this.status == 200) {
                // the data was recieved
                // this.responseText is the data taken from the file, do what you need with it
                console.info(this.responseText);
            }
            if (this.status == 404) {
                // data not found
            }
        }
    };
    if (filename) {
        /* make an HTTP request using the parameter as the file name */
        xhttp = new XMLHttpRequest();
        set(xhttp, func); // set the handler
        xhttp.open("GET", filename, true); // the request
        xhttp.send(); // send the request
        return 0;
    }
}

Затем прочтите строку и получите вопросы.

Другие вопросы по теме