diff --git a/code/Justin/JavaScript/lab_quiz/index.html b/code/Justin/JavaScript/lab_quiz/index.html
new file mode 100644
index 00000000..6e8f48a0
--- /dev/null
+++ b/code/Justin/JavaScript/lab_quiz/index.html
@@ -0,0 +1,50 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles.css">
+    <title>Trivia</title>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+</head>
+<body>
+    <div id="app">
+
+        <select v-model='selected' id='difficulty'>
+            <option disabled value="">Select your difficulty</option>
+            <option value="easy">Easy</option>
+            <option value="medium">Medium</option>
+            <option value="hard">Hard</option>
+        </select>
+
+        <select v-model='questionType' id='questionType'>
+            <option disabled value="">Select your question type</option>
+            <option value="boolean">True/False</option>
+            <option value="multiple">Multiple Choice</option>
+        </select>
+
+        <button v-on:click='getData()'>Click me</button>
+
+        <p id="content"></p>
+        <p>Score: {{ score }}</p>
+
+        
+            <p>{{questions}}</p>
+        
+            <button class="btn" v-for="answer in answers">
+                
+                {{answer}}
+            </button>
+
+    </div>
+
+        <script src="scripts.js"></script>
+
+        <script> 
+            const mountApp = app.mount('#app') 
+        </script>
+</body>
+</html>
\ No newline at end of file
diff --git a/code/Justin/JavaScript/lab_quiz/scripts.js b/code/Justin/JavaScript/lab_quiz/scripts.js
new file mode 100644
index 00000000..bc6edd96
--- /dev/null
+++ b/code/Justin/JavaScript/lab_quiz/scripts.js
@@ -0,0 +1,52 @@
+const app = Vue.createApp({
+    data(){
+        return{
+            difficulty: '',
+            selected: '',
+            questionType: '',
+            score: 0,
+            questions: [],
+            answers: [],
+            counter: 0,
+            correctAnswer: ''
+        }
+    },
+    methods:{
+        getData() {
+            axios({
+                method: "get",
+                url: "https://opentdb.com/api.php?amount=10",
+                params: {
+                    difficulty: this.selected,
+                    type: this.questionType
+                },
+            }).then((response) => {
+                console.log(response.data.results)
+                if (this.questionType === 'multiple'){
+                    questionObject = response.data['results'][this.counter]
+                    console.log(questionObject)
+                    this.questions = questionObject.question
+                    this.correctAnswer = questionObject.correct_answer
+                    this.answers[0] = questionObject.incorrect_answers[0]
+                    this.answers[1] = questionObject.incorrect_answers[1]
+                    this.answers[2] = questionObject.incorrect_answers[2]
+                    this.answers[3] = questionObject.correct_answer
+                    this.answers.sort(() => Math.random() - 0.5)
+                    console.log(this.answers)   
+                } else {
+                    questionObject = response.data['results'][this.counter]
+                    console.log(questionObject)
+                    this.questions = questionObject.question
+                    this.correctAnswer = questionObject.correct_answer
+                    this.answers[0] = questionObject.correct_answer
+                    this.answers[1] = questionObject.incorrect_answers[0]
+                } 
+            })    
+
+        }
+    
+    },
+    mounted(){
+    }
+})
+
diff --git a/code/Justin/JavaScript/lab_quiz/styles.css b/code/Justin/JavaScript/lab_quiz/styles.css
new file mode 100644
index 00000000..e69de29b
