add content to repo

Author: Nicole-Hong

.gitignore

@@ -0,0 +1 @@
+.vscode

README.md

@@ -1,3 +1,19 @@
-# coding_bc_webAPI_CodeQuiz
+# 04 Web APIs: Code Quiz
 
-Reference: https://www.youtube.com/watch?v=AFTvxsVv52k 
+This project involved building a timed multiple choice quiz with JavaScript utilizing the Document Object Model, or DOM. It also involved setting data into Local Storage and retrieving it to display high scores from past attempts at the quiz.
+
+## Application Screenshot
+
+![Start Page](https://raw.github.com/rwaynewhite15/rwhite-challenge-4/main/assets/Start.png)
+
+![Rules](https://raw.github.com/rwaynewhite15/rwhite-challenge-4/main/assets/Rules.png)
+
+![Question](https://raw.github.com/rwaynewhite15/rwhite-challenge-4/main/assets/Question.png)
+
+![Finish](https://raw.github.com/rwaynewhite15/rwhite-challenge-4/main/assets/Finish.png)
+
+![High Scores](https://raw.github.com/rwaynewhite15/rwhite-challenge-4/main/assets/HighScores.png)
+
+[Go to Application](https://rwaynewhite15.github.io/rwhite-challenge-4/)
+
+Bobby White

REF.md

@@ -0,0 +1,3 @@
+# coding_bc_webAPI_CodeQuiz
+
+Reference: https://www.youtube.com/watch?v=AFTvxsVv52k 

assets/Finish.png

@@ -0,0 +1,10 @@
+const highScoresText = document.querySelector("#high-scores");
+let highScoresTag = '';
+
+
+for (let i = 0; i < localStorage.length; i++) {
+highScoreData = JSON.parse(localStorage.getItem(i+1));
+highScoresTag = highScoresTag.concat('</br><div id="high-scores">'+ highScoreData.initials + " "+"-"+" " + highScoreData.score +'</div>');
+};
+
+highScoresText.innerHTML = highScoresTag;

assets/HighScores.png

@@ -0,0 +1,113 @@
+//Quiz Questions
+let questions = [
+    {
+        quizNumb: 1,
+        question: "Which of the following terminal commands creates an empty html file within the folder named 'test'?",
+        answer: "touch ./test/index.html",
+        options: [
+            "cd test/index.html",
+            "touch ./test/index.html",
+            "mv ./test/test2 ./test/index.html",
+            "mkdir test/index.html"
+        ]
+    },
+    {
+        quizNumb: 2,
+        question: "Which statement is not correct about HTML?",
+        answer: "HTML is used to add styling to the elements in a webpage.",
+        options: [
+            "HTML stands for Hyper Text Markup Language.",
+            "HTML can be used to build the structure of a webpage.",
+            "HTML is used to add styling to the elements in a webpage.",
+            "HTML allows us to define elements like paragraphs, images, links, and forms.",
+        ]
+    },
+    {
+        quizNumb: 3,
+        question: "Which of the following Git Commands creates a branch?",
+        answer: "git checkout -b <branch name>",
+        options: [
+            "git checkout -b <branch name>",
+            "git pull origin <branch name>",
+            "git commit -m <branch name>",
+            "git fetch <branch name>",
+        ]
+    },
+    {
+        quizNumb: 4,
+        question: "________ is the scripting or programming language that allows you to implement complex features on web pages.",
+        answer: "Javascript",
+        options: [
+            "CSS",
+            "API",
+            "Javascript",
+            "HTML",
+        ]
+    },
+    {
+        quizNumb: 5,
+        question : "The _______ allows you to manipulate HTML and CSS, creating, removing and changing HTML.",
+        answer: "DOM API",
+        options: [
+            "Geolocation API",
+            "DOM API",
+            "WebGL API",
+            "None of the above",
+        ]
+    },
+    {
+        quizNumb: 6,
+        question : "Which of the following examples is not a valid variable name for Javascript?",
+        answer: "10cent",
+        options: [
+            "$here",
+            "_name",
+            "sort135",
+            "10cent",
+        ]
+    },
+    {
+        quizNumb: 7,
+        question : "What is the correct Javascript syntax to access 2 in the array? const random = ['squid', 795, [0, 1, 2]];",
+        answer: "random[2][2]",
+        options: [
+            "random(0,3)",
+            "console.log(random);",
+            "random[2][2]",
+            "console.log(random.length);",
+        ]
+    },
+    {
+        quizNumb: 8,
+        question : "Which of the following does not remove an element from an array?",
+        answer: "push()",
+        options: [
+            "pop()",
+            "shift()",
+            "splice()",
+            "push()",
+        ]
+    },
+    {
+        quizNumb: 9,
+        question : "which of the following describes the Javascript function best?",
+        answer: "The function definition is also called the function declaration.",
+        options: [
+            "The function definition is also called the function declaration.",
+            "The function consists of the name of the function, and parameters, separated by semi-colon and enclosed in curly braces.",
+            "Parameters are essentially passed to functions by variable.",
+            "All of the above.",
+        ]
+    },
+    {
+        quizNumb: 10,
+        question : "Which of the following instance method combines the text of two (or more) strings and returns a new string?",
+        answer: "String.prototype.concat()",
+        options: [
+            "String.prototype.includes()",
+            "String.prototype.concat()",
+            "String.prototype.at()",
+            "String.prototype.substring()",
+        ]
+    }
+];