Spaceface16518 · Spaceface16518 · Jan 12, 2018 · Jan 12, 2018 · Jan 12, 2018 · Jan 12, 2018
diff --git a/LICENSE → LICENSE.txt b/LICENSE → LICENSE.txt
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -1,3 +1,5 @@
 # Strat-Roulette
 
 A roulette style game type picker for FPS games.
+
+[Here](http://www.sqlitetutorial.net/sqlite-import-csv/) is a website explaining how to upload `csv` into a database.
diff --git a/assets/css/index.css b/assets/css/index.css
diff --git a/assets/data/strats.db b/assets/data/strats.db
diff --git a/assets/modules/Fetch.js b/assets/modules/Fetch.js
@@ -0,0 +1,28 @@
+module.exports.fetchStrat = (paramID) => {
+  const sqlite = require('sqlite');
+  let id = paramID;
+  let db = new sqlite.Database('../data/strats.db', (err) => {
+    if (err) {
+      console.error(err);
+    }
+    console.log("Connected to the Strats Database")
+  });
+
+  db.serialize((id) => {
+    db.get('SELECT * FROM Strats WHERE id === $ID_place_holder', {
+      $ID_place_holder: id
+    }, (err, rows) => {
+      if (err) {
+        console.error(err);
+      }
+      return rows;
+    })
+  })
+
+  db.close((err) => {
+    if (err) {
+      console.error(err.message);
+    }
+    console.log('Disconnected from the Strats Database');
+  });
+}
diff --git a/assets/modules/HighestID.js b/assets/modules/HighestID.js
@@ -0,0 +1,23 @@
+module.exports.getHighestID = () => {
+  const sqlite = require('sqlite');
+  let db = new sqlite.Database('../data/strats.db', (err) => {
+    if (err) {
+      console.error(err);
+    }
+    console.log("Connected to the Strats Database")
+  });
+
+  db.get('SELECT MAX(id) AS max_id FROM Strats', (err, row) => {
+    if (err) {
+      console.error(err);
+    }
+    return row.max_id;
+  })
+
+  db.close((err) => {
+    if (err) {
+      console.error(err);
+    }
+    console.log('Disconnected from the Strats Database');
+  });
+}
diff --git a/assets/modules/RandNum.js b/assets/modules/RandNum.js
@@ -0,0 +1,14 @@
+generateRandNum = (min, max) => {
+  let randomNumber = Math.round((max - min) * Math.random() + min);
+  return randomNumber;
+}
+
+testConnection = () => {
+  console.log("Connection confirmed: RandNum")
+}
+
+
+export {
+  generateRandNum,
+  testConnection
+};
diff --git a/assets/modules/Write.js b/assets/modules/Write.js
@@ -0,0 +1,17 @@
+write = (text) => {
+  $(".write-WriteTo").text(text);
+  console.log("Write: " + "\"" + text + "\" " + "was written on the page");
+}
+testConnection = () => {
+  console.log("Connection confirmed: Write")
+}
+clear = () => {
+  let html = $(".write-WriteTo").html()
+  $(".write-WriteTo").text("");
+  console.log("Write: " + "Cleared " + html)
+}
+export {
+  write,
+  testConnection,
+  clear
+}
diff --git a/data/strats.txt b/data/strats.txt
diff --git a/find-strat.py b/find-strat.py
diff --git a/main.js b/main.js
diff --git a/index.html → src/index.html b/index.html → src/index.html
@@ -6,21 +6,17 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>Strat Roulette</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
+  <link rel="stylesheet" type="text/css" href="../assets/css/index.css" />
   <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
-  <script src="main.js"></script>
+  <script src="./index.js"></script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
-  <!--
-<script src="https://gist.github.com/Spaceface16518/f91d67bf0745cead14dc6f81d015e187.js"></script>
-I'm not sure if I need this or not
--->
 </head>
 
 <body>
-  <button type="button" id="chooseButton">Display a new strat</button>
+  <button type="button" id="chooseButton" class="w3-btn w3-black">Display a new strat</button>
   </br>
-  <button type="button" id="resetButton">Clear</button>
-  <div id="strat"></div>
+  <button type="button" id="resetButton" class="w3-btn w3-black">Clear</button>
+  <div class="write-writeTo w3-panel w3-blue"></div>
 </body>
 
 </html>
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,34 @@
+import { write, testConnection, clear } from "../assets/modules/Write.js";
+import { generateRandNum, testConnection } from "../assets/modules/RandNum.js";
+const fetch = require("./modules/Fetch.js");
+const highestID = require("./modules/HighestID.js")
+
+function fetchStrat() {
+  let highestID = highestID.getHighestID();
+  let id = generateRandNum(1, highestID);
+  let strat = fetch.fetchStrat(id)
+  return strat
+}
+
+function displayStrat(strat) {
+  console.log("Displaying strat: " + strat);
+  write(strat)
+}
+
+function clearStrat() {
+  clear()
+}
+
+$(document).ready(function(){
+  $("#chooseButton").click(function(){
+    console.log("Choose button clicked")
+    let strat = fetchStrat();
+    displayStrat(strat);
+  });
+  $("#resetButton").click(function(){
+    console.log("reset button clicked");
+    clearStrat();
+  });
+})
+
+console.log("Init")
diff --git a/style.css b/style.css