transition from javascript to typescript

assets/ts/thresholdCtl.ts

@@ -0,0 +1,40 @@
+import { duper } from './utils'
+
+// get threshold display element
+const thresholdDisp = document.getElementsByClassName('thid').item(0) as HTMLSpanElement
+
+// threshold data
+const threshold: number[] = [0, 40, 80, 120, 160, 200]
+export const thresholdSensitivityArray: number[] = [100, 40, 18, 14, 9, 5]
+export let thresholdIndex: number = 2
+
+function thresholdUpdate(): void {
+  thresholdDisp.innerText = duper(threshold[thresholdIndex])
+}
+
+export function thresholdCtlInit(): void {
+  thresholdUpdate()
+  const dec = document.getElementById('thresholdDec') as HTMLButtonElement
+  dec.addEventListener(
+    'click',
+    function () {
+      if (thresholdIndex > 0) {
+        thresholdIndex--
+        thresholdUpdate()
+      }
+    },
+    { passive: true }
+  )
+
+  const inc = document.getElementById('thresholdInc') as HTMLButtonElement
+  inc.addEventListener(
+    'click',
+    function () {
+      if (thresholdIndex < 5) {
+        thresholdIndex++
+        thresholdUpdate()
+      }
+    },
+    { passive: true }
+  )
+}