Generated by XState Viz: https://xstate.js.org/viz

machine.js

  // v1 - probably incorrect machine
  
  const lastQuestion = (context, event) => {
    return context.ques > 0
  }

  const quizMachine = Machine({
    id: 'quiz',
    initial: 'idle',
    context: {
      rght: 0,
      wrng: 0,
      idx: 0,
      ques: 5
    },
    states: {
      idle: {
        on: {
          START: [
            {
            target: 'loading',
          },
           ]
        },
      },
      loading: {
        on: {
          CORRECT:[{
            target: 'loading',
            cond: lastQuestion,
            actions:[
              assign({
                rght: (ctx,e) => ctx.rght + 1,
                ques: (ctx,e) => ctx.ques - 1
              }),
              assign({
                idx: (ctx,e) => ctx.idx + 1
              })
            ]
          },
            { target: '.final' }
            ],
          INCORRECT: [{
            target: 'loading',
            cond: lastQuestion,
            actions: [
               assign({
                wrng: (ctx,e) => ctx.wrng + 1,
                ques: (ctx,e) => ctx.ques - 1
              }),
               assign({
                idx: (ctx,e) => ctx.idx + 1
              })
              ]
          },
            { target: '.final' }
            ]
          
        },
        initial: 'normal',
         states: {
          normal: {},
          final: {
            type: 'final'
          }
        }
      },
    },
      // guards: {
      //   lastQuestion
      // }
  });