diff --git a/public/assets/qs.json b/public/assets/qs.json new file mode 100644 index 0000000..3fc4dd4 --- /dev/null +++ b/public/assets/qs.json @@ -0,0 +1,333 @@ +[ + { + "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, + "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, + "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, + "status": "" + }, + { + "id" : 4, + "qs" : "The external JavaScript file must contain the <script> tag.", + "options" : [ + {"a": "True", + "b":"False" + } + ], + "answer":"False", + "score":0, + "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, + "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, + "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, + "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, + "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, + "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, + "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, + "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, + "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, + "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, + "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, + "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, + "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, + "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, + "status": "" + }, + { + "id" : 19, + "qs" : "JavaScript is the same as Java.", + "options" : [ + {"a": "true", + "b":"false" + + } + ], + "answer":"false", + "score":0, + "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, + "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, + "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, + "status": "" + }, + { + "id" : 23, + "qs" : "Which operator is used to assign a value to a variable?", + "options" : [ + {"a": "*", + "b":"-", + "c":"=", + "d":"x" + } + ], + "answer":"=", + "score":0, + "status": "" + }, + { + "id" : 24, + "qs" : "What will the following code return: Boolean(10 > 9)", + "options" : [ + {"a": "NaN", + "b":"false", + "c":"true" + } + ], + "answer":"true", + "score":0, + "status": "" + }, + { + "id" : 25, + "qs" : "Is JavaScript case-sensitive?", + "options" : [ + {"a": "No", + "b":"Yes" + } + ], + "answer":"Yes", + "score":0, + "status": "" + } +] \ No newline at end of file diff --git a/src/components/MCQAllData.vue b/src/components/MCQAllData.vue new file mode 100644 index 0000000..a7fc5c9 --- /dev/null +++ b/src/components/MCQAllData.vue @@ -0,0 +1,66 @@ + + + \ No newline at end of file diff --git a/src/components/MCQQuestion.vue b/src/components/MCQQuestion.vue new file mode 100644 index 0000000..b1a22b7 --- /dev/null +++ b/src/components/MCQQuestion.vue @@ -0,0 +1,81 @@ + + + \ No newline at end of file diff --git a/src/pages/exam4.astro b/src/pages/exam4.astro deleted file mode 100644 index d1bf619..0000000 --- a/src/pages/exam4.astro +++ /dev/null @@ -1,153 +0,0 @@ ---- -import Layout from "../layouts/Layout.astro"; -const fetchData = await fetch('https://mohamedkhalifa11.github.io/Qweb/webDevlopement_questions.json'); -const data = await fetchData.json(); -const questionData = data.questions; -const optionsData = questionData[0].options; -// console.log(questionData[0].options) ---- - -
-
-
-
-

Beanstalkedu
Exam Portal

-
-
-
-
- -
-
-

Question 5

-
- -

-
-
-
-

What is the capital of France?

-
-
- 1. - - -
-
- 2. - - -
-
- 3. - - -
-
- 4. - - -
-
- - - -
-
-
-
- -
-
-
-
- - - - \ No newline at end of file diff --git a/src/pages/mcq-question.astro b/src/pages/mcq-question.astro new file mode 100644 index 0000000..54fa84f --- /dev/null +++ b/src/pages/mcq-question.astro @@ -0,0 +1,93 @@ +--- +import Layout from "../layouts/Layout.astro"; +import MCQQuestion from "../components/MCQQuestion.vue"; +const fetchData = await fetch('https://mohamedkhalifa11.github.io/Qweb/webDevlopement_questions.json'); +const data = await fetchData.json(); +const questionData = data.questions; +const optionsData = questionData[0].options; +// console.log(questionData[0].options) +--- + + + + \ No newline at end of file