node.js conversion

site/index.html

@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Scorer</title>
+  <!-- <link rel="stylesheet" href="style.css"> -->
+
+  <!--Import Google Icon Font-->
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <!--Import materialize.css-->
+  <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
+
+  <!--Let browser know website is optimized for mobile-->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+</head>
+<body>
+  <!-- Score card section, should be collapsable -->
+  <div class="mdc-card" id="Score_card">
+    <table class="mdc-table">
+      <thead>
+        <tr>
+          <th>End</th>
+          <th colspan="3">Shots</th>
+          <th>End sum</th>
+          <th>Sum</th>
+        </tr>
+      </thead>
+    </table>
+  </div>
+  <script type="text/javascript" src="js/scorer.js"></script>
+  <!-- Use not minimised for dev -->
+  <script type="text/javascript" src="js/materialize.js"></script>
+  <!-- Use minimised for release -->
+  <!-- <script type="text/javascript" src="js/materialize.min.js"></script> -->
+</body>
+</html>

site/js/scorer.js

@@ -0,0 +1,16 @@
+var table = document.querySelector(".mdc-table");
+
+function registerScore(score) {
+  var row = document.createElement("tr");
+  var cell1 = document.createElement("td");
+  cell1.textContent = "Shot " + (table.rows.length + 1);
+  var cell2 = document.createElement("td");
+  cell2.textContent = score;
+  row.appendChild(cell1);
+  row.appendChild(cell2);
+  table.appendChild(row);
+}
+
+document.querySelector(".mdc-button").addEventListener("click", function() {
+  registerScore(10);
+});