Breaking News: Grepper is joining You.com. Read the official announcement!

save radio quiz result in laravel

The leader answered on November 6, 2022 Popularity 1/10 Helpfulness 1/10

answer save radio quiz result in laravel

related save radio quiz result in laravel

save radio quiz result in laravel

Comment

<template>
    <div class="container">
        <div class="row justify-content-center">
{{questionAnswer}}
  <div v-for="(question, index) in questions":key="question.id">
    <div v-show="index === questionIndex">
      <h2>{{ question.name }}</h2>
      <ol>
        <li v-for="answer in question.answers":key="answer.id">
          <label :for="'answer-'+answer.id">
             <input type="radio" 
                   name="answer"
                   id="'answer-'+answer.id" @click="choose(question,answer)" 
                   >
          </label>{{answer.choice}}
        </li>
      </ol>
      <button v-if="questionIndex > 0" v-on:click="prev">
        prev
      </button>
      <button v-if="showNext" v-on:click="next(question)">
        next
      </button>
    </div>
  </div>

  <div v-show="questionIndex === questions.length">
    <h2>
      Quiz finished
    </h2>
    <p>
    </p>
  </div>




        </div>
    </div>
</template>

<script>
    export default {
        data:function(){
            return {
                showNext:'',
                questionAnswer:[],
                answerChosen: null,
                 questionIndex: 0,

                    questions: []

                }
        },
        mounted() {
//here i fetched list of questions with questions options
            console.log('Component mounted.')
            var app=this;
            axios.get('/question')
                .then(function (resp) {
                    console.log(resp)
                    app.questions = resp.data; 
                    console.log(resp)

                })
        },
            methods: {
              next: function(question) {
    //when user click next button i want to save result in db

                this.questionIndex++;
             //   this.questionAnswer.push({
                   //     question:question.id,
                       // answer:answers.choice
                  //  })

              },
              prev: function() {
//when user click prev button and update his answer want to update in db
                this.questionIndex--;
              },
              choose:function(question,answer){
                  
                this.showNext=true


              },
              score: function() {
               
              }
    }
    }
</script>

Popularity 1/10 Helpfulness 1/10 Language php

Source: laracasts.com

Tags: laravel php radio save

Link to this answer
Share Copy Link

Contributed on Nov 06 2022

The leader

0 Answers Avg Quality 2/10

Closely Related Answers

save radio quiz result in laravel

Comment

[
{
id: 1,
name: "What is the value of 2+2?",
created_at: "-0001-11-30 00:00:00",
updated_at: "-0001-11-30 00:00:00",
answers: [
{
id: 1,
question_id: 1,
choice: "2",
correct: "false"
},
{
id: 2,
question_id: 1,
choice: "4",
correct: "true"
},
{
id: 5,
question_id: 1,
choice: "3",
correct: "false"
},
{
id: 6,
question_id: 1,
choice: "5",
correct: "false"
}
]
},
{
id: 2,
name: "what is PHP?",
created_at: "-0001-11-30 00:00:00",
updated_at: "-0001-11-30 00:00:00",
answers: [
{
id: 3,
question_id: 2,
choice: "Hypertext Preprocessor",
correct: "true"
},
{
id: 4,
question_id: 2,
choice: "personal page",
correct: "false"
}
]
},
{
id: 3,
name: "what is js",
created_at: "-0001-11-30 00:00:00",
updated_at: "-0001-11-30 00:00:00",
answers: [
{
id: 7,
question_id: 3,
choice: "javascript",
correct: "true"
},
{
id: 8,
question_id: 3,
choice: "java server",
correct: "false"
}
]
}
]

Popularity 1/10 Helpfulness 1/10 Language php

Source: laracasts.com

Tags: radio save laravel php

Link to this answer
Share Copy Link

Contributed on Nov 06 2022

The leader

0 Answers Avg Quality 2/10

save radio quiz result in laravel

Contents

More Related Answers

save radio quiz result in laravel

Closely Related Answers

save radio quiz result in laravel

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.