From 70c015ef0093b49076c68e523fa627365ff89dce Mon Sep 17 00:00:00 2001
From: Oluwaseun Bamgbopa <o.bamgbopa@gmail.com>
Date: Thu, 31 Aug 2017 09:58:14 +0100
Subject: [PATCH] Task#5 initial commit

---
 frontend/assets/css/style.css |  2 +-
 frontend/assets/js/scripts.js | 28 ++++++++++++++++++++++++++++
 frontend/category.html        |  6 +++---
 frontend/question.html        |  4 ++--
 4 files changed, 34 insertions(+), 6 deletions(-)
 create mode 100644 frontend/assets/js/scripts.js

diff --git a/frontend/assets/css/style.css b/frontend/assets/css/style.css
index f313f02..64c43a4 100644
--- a/frontend/assets/css/style.css
+++ b/frontend/assets/css/style.css
@@ -281,7 +281,7 @@ label {
     padding: 20px;
 }
 
-.qst-cont,
+.qst_cont,
 .rst-cont {
     align-items: center;
     /* padding-left: 120px;
diff --git a/frontend/assets/js/scripts.js b/frontend/assets/js/scripts.js
new file mode 100644
index 0000000..2d24410
--- /dev/null
+++ b/frontend/assets/js/scripts.js
@@ -0,0 +1,28 @@
+var sec = [];
+
+function secQuestion() {
+    return;
+}
+
+function gradQuestion() {
+    return;
+}
+
+function empQuestion() {
+    return;
+}
+
+
+function addQuestion(className) {
+    var catName = className.match(/\d+$/)[0];
+    catName = document.getElementsByClassName('[0]');
+    if (catName == 'blue') {
+        secQuestion();
+        // document.getElementsByClassName('qst_cont').innerHTML = sec[];
+    } else if (catName == 'green') {
+        gradQuestion();
+    } else {
+        empQuestion();
+    }
+    console.log('statements');
+}
\ No newline at end of file
diff --git a/frontend/category.html b/frontend/category.html
index 592c33f..4c494d4 100644
--- a/frontend/category.html
+++ b/frontend/category.html
@@ -26,21 +26,21 @@ <h2>I am a..</h2>
         <div class="row">
             <div id="sec-cat" class="col-4">
                 <div class="background">
-                    <div class="transbox blue">
+                    <div class="transbox blue" onclick="addQuestion(className.this)">
                         <p>Secondary School Graduate</p>
                     </div>
                 </div>
             </div>
             <div id="grad-awt-cat" class="col-4">
                 <div class="background">
-                    <div class="transbox green">
+                    <div class="transbox green" onclick="addQuestion(className.this)">
                         <p>Student/ Graduate/ Awaiting NYSC</p>
                     </div>
                 </div>
             </div>
             <div id="empl-cat" class="col-4">
                 <div class="background">
-                    <div class="transbox dark">
+                    <div class="transbox dark" onclick="addQuestion(className.this)">
                         <p>Employed/ Corp Members/ Unemployed</p>
                     </div>
                 </div>
diff --git a/frontend/question.html b/frontend/question.html
index 7e58d91..09293f4 100644
--- a/frontend/question.html
+++ b/frontend/question.html
@@ -21,7 +21,7 @@ <h3>Coding101</h3>
                 <h2>I am a Secondary School Graduate</h2>
             </div>
         </div>
-        <div class="qst-cont">
+        <div class="qst_cont">
             <div class="questions-bx sec">
                 <div class="question-#">
                     <p>What do you prefer as a hobby/ what do you do in your free time</p>
@@ -53,7 +53,7 @@ <h2>I am a Secondary School Graduate</h2>
             </div>
         </div>
 
-        <div class="qst-cont">
+        <div class="qst_cont">
             <div class="questions-bx sec">
                 <div class="question-#">
                     <p>What do you prefer as a hobby/ what do you do in your free time</p>