${currentQuestion.question}
+ ${answers.join("")}
`
+ );
+ });
+
+ // finally combine our output list into one string of HTML and put it on the page
+ quizContainer.innerHTML = output.join("");
+ }
+
+ function showResults() {
+ // gather answer containers from our quiz
+ const answerContainers = quizContainer.querySelectorAll(".answers");
+
+ // keep track of user's answers
+ let numCorrect = 0;
+
+ // for each question...
+ myQuestions.forEach((currentQuestion, questionNumber) => {
+ // find selected answer
+ const answerContainer = answerContainers[questionNumber];
+ const selector = `input[name=question${questionNumber}]:checked`;
+ const userAnswer = (answerContainer.querySelector(selector) || {}).value;
+
+ // if answer is correct
+ if (userAnswer === currentQuestion.correctAnswer) {
+ // add to the number of correct answers
+ numCorrect++;
+
+ // color the answers green
+ //answerContainers[questionNumber].style.color = "lightgreen";
+ } else {
+ // if answer is wrong or blank
+ // color the answers red
+ answerContainers[questionNumber].style.color = "red";
+ }
+ });
+
+ // show number of correct answers out of total
+ resultsContainer.innerHTML = `${numCorrect} out of ${myQuestions.length}`;
+ }
+
+ const quizContainer = document.getElementById("quiz");
+ const resultsContainer = document.getElementById("results");
+ const submitButton = document.getElementById("submit");
+
+
+ /////////////////////////////////////////////////////////////////////////////
+
+ /////////////////////// Do not modify the above code ////////////////////////
+
+ /////////////////////////////////////////////////////////////////////////////
+
+
+
+
+
+
+ /////////////// Write the MCQ below in the exactly same described format ///////////////
+
+
+ const myQuestions = [{
+ question: "1.This is a sample question:", ///// Write the question inside double quotes
+ answers: {
+ a: "This is a sample answer A", ///// Write the option 1 inside double quotes
+ b: "This is a sample answer B", ///// Write the option 2 inside double quotes
+ },
+ correctAnswer: "a" ///// Write the correct option inside double quotes
+ },
+
+ {
+ question: "
Identify the location of Secondary electron detector", ///// Write the question inside double quotes + answers: { + a: "
", ///// Write the option 1 inside double quotes
+ b: "
", ///// Write the option 2 inside double quotes
+ c: "
", },
+ correctAnswer: "c" ///// Write the correct option inside double quotes
+ },
+
+
+
+ ];
+
+
+
+
+ /////////////////////////////////////////////////////////////////////////////
+
+ /////////////////////// Do not modify the below code ////////////////////////
+
+ /////////////////////////////////////////////////////////////////////////////
+
+
+ // display quiz right away
+ buildQuiz();
+
+ // on submit, show results
+ submitButton.addEventListener("click", showResults);
+})();
+
+
+/////////////////////////////////////////////////////////////////////////////
+
+/////////////////////// Do not modify the above code ////////////////////////
+
+/////////////////////////////////////////////////////////////////////////////
diff --git a/experiment/pretest.js b/experiment/pretest.js
new file mode 100644
index 0000000..2258d6b
--- /dev/null
+++ b/experiment/pretest.js
@@ -0,0 +1,135 @@
+ /////////////////////////////////////////////////////////////////////////////
+
+ /////////////////////// Do not modify the below code ////////////////////////
+
+ /////////////////////////////////////////////////////////////////////////////
+
+ (function() {
+ function buildQuiz() {
+ // we'll need a place to store the HTML output
+ const output = [];
+
+ // for each question...
+ myQuestions.forEach((currentQuestion, questionNumber) => {
+ // we'll want to store the list of answer choices
+ const answers = [];
+
+ // and for each available answer...
+ for (letter in currentQuestion.answers) {
+ // ...add an HTML radio button
+ answers.push(
+ ``
+ );
+ }
+
+ // add this question and its answers to the output
+ output.push(
+ ` ${currentQuestion.question}
+ ${answers.join("")}
`
+ );
+ });
+
+ // finally combine our output list into one string of HTML and put it on the page
+ quizContainer.innerHTML = output.join("");
+ }
+
+ function showResults() {
+ // gather answer containers from our quiz
+ const answerContainers = quizContainer.querySelectorAll(".answers");
+
+ // keep track of user's answers
+ let numCorrect = 0;
+
+ // for each question...
+ myQuestions.forEach((currentQuestion, questionNumber) => {
+ // find selected answer
+ const answerContainer = answerContainers[questionNumber];
+ const selector = `input[name=question${questionNumber}]:checked`;
+ const userAnswer = (answerContainer.querySelector(selector) || {}).value;
+
+ // if answer is correct
+ if (userAnswer === currentQuestion.correctAnswer) {
+ // add to the number of correct answers
+ numCorrect++;
+
+ // color the answers green
+ //answerContainers[questionNumber].style.color = "lightgreen";
+ } else {
+ // if answer is wrong or blank
+ // color the answers red
+ answerContainers[questionNumber].style.color = "red";
+ }
+ });
+
+ // show number of correct answers out of total
+ resultsContainer.innerHTML = `${numCorrect} out of ${myQuestions.length}`;
+ }
+
+ const quizContainer = document.getElementById("quiz");
+ const resultsContainer = document.getElementById("results");
+ const submitButton = document.getElementById("submit");
+
+
+ /////////////////////////////////////////////////////////////////////////////
+
+ /////////////////////// Do not modify the above code ////////////////////////
+
+ /////////////////////////////////////////////////////////////////////////////
+
+
+
+
+
+
+ /////////////// Write the MCQ below in the exactly same described format ///////////////
+
+
+ const myQuestions = [{
+ question: "1.This is a sample question:", ///// Write the question inside double quotes
+ answers: {
+ a: "This is a sample answer A", ///// Write the option 1 inside double quotes
+ b: "This is a sample answer B", ///// Write the option 2 inside double quotes
+ },
+ correctAnswer: "a" ///// Write the correct option inside double quotes
+ },
+
+ {
+ question: "Identify the location of Secondary electron detector", ///// Write the question inside double quotes + answers: { + a: "
", ///// Write the option 1 inside double quotes
+ b: "", ///// Write the option 2 inside double quotes
+ c: "", },
+ correctAnswer: "c" ///// Write the correct option inside double quotes
+ },
+
+
+
+ ];
+
+
+
+
+ /////////////////////////////////////////////////////////////////////////////
+
+ /////////////////////// Do not modify the below code ////////////////////////
+
+ /////////////////////////////////////////////////////////////////////////////
+
+
+ // display quiz right away
+ buildQuiz();
+
+ // on submit, show results
+ submitButton.addEventListener("click", showResults);
+ })();
+
+
+ /////////////////////////////////////////////////////////////////////////////
+
+ /////////////////////// Do not modify the above code ////////////////////////
+
+ /////////////////////////////////////////////////////////////////////////////
diff --git a/experiment/procedure.md b/experiment/procedure.md
new file mode 100644
index 0000000..37929cc
--- /dev/null
+++ b/experiment/procedure.md
@@ -0,0 +1 @@
+### Procedure
\ No newline at end of file
diff --git a/experiment/references.md b/experiment/references.md
new file mode 100644
index 0000000..b15b47e
--- /dev/null
+++ b/experiment/references.md
@@ -0,0 +1 @@
+### Link your references in here
\ No newline at end of file
diff --git a/experiment/simulation/css/README.md b/experiment/simulation/css/README.md
new file mode 100644
index 0000000..14b4fe3
--- /dev/null
+++ b/experiment/simulation/css/README.md
@@ -0,0 +1 @@
+### This folder contains all the css files used in the simulation.
\ No newline at end of file
diff --git a/experiment/simulation/css/main.css b/experiment/simulation/css/main.css
new file mode 100644
index 0000000..20bf42b
--- /dev/null
+++ b/experiment/simulation/css/main.css
@@ -0,0 +1 @@
+/* You CSS goes in here */
\ No newline at end of file
diff --git a/experiment/simulation/images/README.md b/experiment/simulation/images/README.md
new file mode 100644
index 0000000..9b47fb5
--- /dev/null
+++ b/experiment/simulation/images/README.md
@@ -0,0 +1,2 @@
+### This folder contains all the image files used in the simulation.
+### Create sub-directories, if needed. ex: gifs/
\ No newline at end of file
diff --git a/experiment/simulation/index.html b/experiment/simulation/index.html
new file mode 100644
index 0000000..ee9be23
--- /dev/null
+++ b/experiment/simulation/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/experiment/simulation/js/README.md b/experiment/simulation/js/README.md
new file mode 100644
index 0000000..b6e0cff
--- /dev/null
+++ b/experiment/simulation/js/README.md
@@ -0,0 +1 @@
+### This folder contains all the js files used in the simulation.
\ No newline at end of file
diff --git a/experiment/simulation/js/main.js b/experiment/simulation/js/main.js
new file mode 100644
index 0000000..4dbe1cf
--- /dev/null
+++ b/experiment/simulation/js/main.js
@@ -0,0 +1 @@
+//Your JavaScript goes in here
diff --git a/experiment/theory.md b/experiment/theory.md
new file mode 100644
index 0000000..ef57af9
--- /dev/null
+++ b/experiment/theory.md
@@ -0,0 +1 @@
+### Link your theory in here
\ No newline at end of file
diff --git a/pedagogy/README.md b/pedagogy/README.md
new file mode 100644
index 0000000..6703962
--- /dev/null
+++ b/pedagogy/README.md
@@ -0,0 +1,85 @@
+#### Please use the [reference](https://github.com/virtual-labs/ph3-exp-dev-process/blob/main/pedagogy/README.org) document to fill this template. Follow the [link](https://github.com/virtual-labs/ph3-exp-dev-process/tree/main/sample/pedagogy) to view a sample pedagogy document.
+
+## Pedagogy
+
+
+
+
+ Experiment : Name of the experiment
+