controller.js

import quizInfoView from "./view/quizInfoView";
import * as model from "./model";
import questionView from "./view/questionView";
import paginationView from "./view/paginationView";

const controlQuizInfo = async function (formData) {
    try {
        // set the formData in modal 
        await model.setQuestions(formData)

        // toggle the quiz info and quiz question 
        quizInfoView.toggleQuizInfoAndQues();

        // render question
        questionView.render(model.getQuestionPerPage());

    } catch (err) {
        if (err) {
            alert('some network problem please refresh the page or try later')
        }
    }
}

const controlQuestion = function (userPoint) {
    // rendering right answer or wrong answer 
    questionView.renderRightAns();

    // set user point 
    model.setUserPoint(userPoint)

    // render pagitination 
    paginationView.render(model.state);

    // render user point 
    questionView.displayingUserPoint(model.state)
}

const controlPagination = function (page) {
    // render question
    questionView.render(model.getQuestionPerPage(page));
}

// all handler here 
const init = function () {
    quizInfoView.addHandlerSubmit(controlQuizInfo);
    questionView.addHandlerSubmit(controlQuestion);
    paginationView.addHandler(controlPagination);
}
init();