diff --git a/public/assets/qs.json b/public/assets/qs.json index 3fc4dd4..edace55 100644 --- a/public/assets/qs.json +++ b/public/assets/qs.json @@ -2,332 +2,208 @@ { "id" : 1, "qs" : "Inside which HTML element do we put the JavaScript?", - "options" : [ - {"a": "<script>", - "b":"<javascript>", - "c":"<scripting>", - "d":"<js>"} - ], - "answer":"<script>", - "score":0, + "a": "<script>", + "b":"<javascript>", + "c":"<scripting>", + "d":"<js>", "status": "" }, { "id" : 2, "qs" : "Where is the correct place to insert a JavaScript?", - "options" : [ - {"a": "The <head> section", - "b":"The <body> section", - "c":"Both the <head> section and the <body> section are correct"} - ], - "answer":"Both the <head> section and the <body> section are correct", - "score":0, + "a": "The <head> section", + "b":"The <body> section", + "c":"Both the <head> section and the <body> section are correct", "status": "" }, { "id" : 3, "qs" : "What is the correct syntax for referring to an external script called 'xxx.js'?", - "options" : [ - {"a": "<script href="xxx.js">", - "b":"<script name="xxx.js">", - "c":"<script src="xxx.js">"} - ], - "answer":"<script src="xxx.js">", - "score":0, + "a": "<script href="xxx.js">", + "b":"<script name="xxx.js">", + "c":"<script src="xxx.js">", "status": "" }, { "id" : 4, "qs" : "The external JavaScript file must contain the <script> tag.", - "options" : [ - {"a": "True", - "b":"False" - } - ], - "answer":"False", - "score":0, + "a": "True", + "b":"False", "status": "" }, { "id" : 5, "qs" : "How do you write "Hello World" in an alert box?", - "options" : [ - {"a": "alertBox("Hello World");", - "b":"msg("Hello World");", - "c":"alert("Hello World");", - "d":"msgBox("Hello World");" - } - ], - "answer":"alert("Hello World");", - "score":0, + "a": "alertBox("Hello World");", + "b":"msg("Hello World");", + "c":"alert("Hello World");", + "d":"msgBox("Hello World");", "status": "" }, { "id" : 6, "qs" : "How do you create a function in JavaScript?", - "options" : [ - {"a": "function myFunction()", - "b":"function:myFunction()", - "c":"function = myFunction()" - } - ], - "answer":"function myFunction()", - "score":0, + "a": "function myFunction()", + "b":"function:myFunction()", + "c":"function = myFunction()", "status": "" }, { "id" : 7, "qs" : "How do you call a function named "myFunction"?", - "options" : [ - {"a": "call function myFunction()", - "b":"call myFunction()", - "c":"myFunction()" - } - ], - "answer":"myFunction()", - "score":0, + "a": "call function myFunction()", + "b":"call myFunction()", + "c":"myFunction()", "status": "" }, { "id" : 8, "qs" : "How to write an IF statement in JavaScript?", - "options" : [ - {"a": "if i = 5 then", - "b":"if i == 5 then", - "c":"if (i == 5)", - "d":" if i = 5" - } - ], - "answer":"if (i == 5)", - "score":0, + "a": "if i = 5 then", + "b":"if i == 5 then", + "c":"if (i == 5)", + "d":" if i = 5", "status": "" }, { "id" : 9, "qs" : "Which of the following is a disadvantage of using JavaScript?", - "options" : [ - {"a": "Client-side JavaScript does not allow the reading or writing of files.", - "b":"JavaScript can not be used for Networking applications because there is no such support available.", - "c":"JavaScript doesn't have any multithreading or multiprocess capabilities.", - "d":"All of the above." - } - ], - "answer":"All of the above.", - "score":0, + "a": "Client-side JavaScript does not allow the reading or writing of files.", + "b":"JavaScript can not be used for Networking applications because there is no such support available.", + "c":"JavaScript doesn't have any multithreading or multiprocess capabilities.", + "d":"All of the above.", "status": "" }, { "id" : 10, "qs" : "How to write an IF statement for executing some code if "i" is NOT equal to 5?", - "options" : [ - {"a": "if (i <> 5)", - "b":"if i <> 5", - "c":"if (i != 5)", - "d":"if i =! 5 then" - } - ], - "answer":"if (i != 5)", - "score":0, + "a": "if (i <> 5)", + "b":"if i <> 5", + "c":"if (i != 5)", + "d":"if i =! 5 then", "status": "" }, { "id" : 11, "qs" : "How does a WHILE loop start?", - "options" : [ - {"a": "while i = 1 to 10", - "b":"while (i <= 10; i++)", - "c":"while (i <= 10)" - } - ], - "answer":"while (i <= 10)", - "score":0, + "a": "while i = 1 to 10", + "b":"while (i <= 10; i++)", + "c":"while (i <= 10)", "status": "" }, { "id" : 12, "qs" : "How does a FOR loop start?", - "options" : [ - {"a": "for (i = 0; i <= 5)", - "b":"for (i = 0; i <= 5; i++)", - "c":"for i = 1 to 5", - "d":"for (i <= 5; i++)" - } - ], - "answer":"for (i = 0; i <= 5; i++)", - "score":0, + "a": "for (i = 0; i <= 5)", + "b":"for (i = 0; i <= 5; i++)", + "c":"for i = 1 to 5", + "d":"for (i <= 5; i++)", "status": "" }, { "id" : 13, "qs" : "How can you add a comment in a JavaScript?", - "options" : [ - {"a": "//This is a comment", - "b":"‚This is a comment", - "c":"<!--This is a comment-->" - } - ], - "answer":"//This is a comment", - "score":0, + "a": "//This is a comment", + "b":"‚This is a comment", + "c":"<!--This is a comment-->", "status": "" }, { "id" : 14, "qs" : "How to insert a comment that has more than one line?", - "options" : [ - {"a": "/*This comment has more than one line*/", - "b":"//This comment has more than one line//", - "c":"<!--This comment has more than one line-->" - } - ], - "answer":"/*This comment has more than one line*/", - "score":0, + "a": "/*This comment has more than one line*/", + "b":"//This comment has more than one line//", + "c":"<!--This comment has more than one line-->", "status": "" }, { "id" : 15, "qs" : "What is the correct way to write a JavaScript array?", - "options" : [ - {"a": "var colors = (1:"red", 2:"green", 3:"blue")", - "b":"var colors = ["red", "green", "blue"]", - "c":"var colors = 1 = ("red"), 2 = ("green"), 3 = ("blue")", - "d":"var colors = "red", "green", "blue"" - } - ], - "answer":"var colors = ["red", "green", "blue"]", - "score":0, + "a": "var colors = (1:"red", 2:"green", 3:"blue")", + "b":"var colors = ["red", "green", "blue"]", + "c":"var colors = 1 = ("red"), 2 = ("green"), 3 = ("blue")", + "d":"var colors = "red", "green", "blue"", "status": "" }, { "id" : 16, "qs" : "How do you round the number 7.25, to the nearest integer?", - "options" : [ - {"a": "rnd(7.25)", - "b":"Math.round(7.25)", - "c":"Math.rnd(7.25)", - "d":"round(7.25)" - } - ], - "answer":"Math.round(7.25)", - "score":0, + "a": "rnd(7.25)", + "b":"Math.round(7.25)", + "c":"Math.rnd(7.25)", + "d":"round(7.25)", "status": "" }, { "id" : 17, "qs" : "How do you find the number with the highest value of x and y?", - "options" : [ - {"a": "Math.max(x, y)", - "b":"Math.ceil(x, y)", - "c":"top(x, y)", - "d":"ceil(x, y)" - } - ], - "answer":"Math.max(x, y)", - "score":0, + "a": "Math.max(x, y)", + "b":"Math.ceil(x, y)", + "c":"top(x, y)", + "d":"ceil(x, y)", "status": "" }, { "id" : 18, "qs" : "What is the correct JavaScript syntax for opening a new window called "w2"?", - "options" : [ - {"a": "w2 = window.new("http://www.w3schools.com");", - "b":"w2 = window.open("http://www.w3schools.com");" - - } - ], - "answer":"w2 = window.open("http://www.w3schools.com");", - "score":0, + "a": "w2 = window.new("http://www.w3schools.com");", + "b":"w2 = window.open("http://www.w3schools.com");", "status": "" }, { "id" : 19, "qs" : "JavaScript is the same as Java.", - "options" : [ - {"a": "true", - "b":"false" - - } - ], - "answer":"false", - "score":0, + "a": "true", + "b":"false", "status": "" }, { "id" : 20, "qs" : "How can you detect the client’s browser name?", - "options" : [ - {"a": "navigator.appName", - "b":"browser.name", - "c":"client.navName" - } - ], - "answer":"navigator.appName", - "score":0, + "a": "navigator.appName", + "b":"browser.name", + "c":"client.navName", "status": "" }, { "id" : 21, "qs" : "Which event occurs when the user clicks on an HTML element?", - "options" : [ - {"a": "onchange", - "b":"onclick", - "c":"onmouseclick", - "d":"onmouseover" - } - ], - "answer":"onclick", - "score":0, + "a": "onchange", + "b":"onclick", + "c":"onmouseclick", + "d":"onmouseover", "status": "" }, { "id" : 22, "qs" : "How do you declare a JavaScript variable?", - "options" : [ - {"a": "var carName;", - "b":"variable carName;", - "c":"v carName;" - } - ], - "answer":"var carName;", - "score":0, + "a": "var carName;", + "b":"variable carName;", + "c":"v carName;", "status": "" }, { "id" : 23, "qs" : "Which operator is used to assign a value to a variable?", - "options" : [ - {"a": "*", - "b":"-", - "c":"=", - "d":"x" - } - ], - "answer":"=", - "score":0, + "a": "*", + "b":"-", + "c":"=", + "d":"x", "status": "" }, { "id" : 24, "qs" : "What will the following code return: Boolean(10 > 9)", - "options" : [ - {"a": "NaN", - "b":"false", - "c":"true" - } - ], - "answer":"true", - "score":0, + "a": "NaN", + "b":"false", + "c":"true", "status": "" }, { "id" : 25, "qs" : "Is JavaScript case-sensitive?", - "options" : [ - {"a": "No", - "b":"Yes" - } - ], - "answer":"Yes", - "score":0, + "a": "No", + "b":"Yes", "status": "" } ] \ No newline at end of file diff --git a/src/components/MCQQuestion.vue b/src/components/MCQQuestion.vue index b1a22b7..ef71ba9 100644 --- a/src/components/MCQQuestion.vue +++ b/src/components/MCQQuestion.vue @@ -6,33 +6,49 @@ -
+
-
+
-

Question: {{ qPoint }}

+

Question: {{ qPoint + 1 }} / {{ noOfQs }}

- -

00:00

+

00:00

+
-

- total questions: {{ qPoint }} / {{ noOfQs }} -

{{ qsData[qPoint].qs }}

-
- {{ qsData[qPoint] }}. - -
-
- - - - -
+

+
+
+ 1. +   + +
+
+ 2. +   + +
+
+ 3. +   + +
+
+ 4. +   + +
+
+
+ +
+ + +
+ +
No Data Found
@@ -44,38 +60,69 @@ \ No newline at end of file