the app is working but unsafe af

src/index.html

@@ -23,8 +23,8 @@
           <button id="fileButton">choose file 📂</button>
         </div>
 
-        <div class="chapter-list">
-          <textarea rows="30">nothing for now</textarea>
+        <div>
+          <textarea id="chapterList" rows="30">nothing for now</textarea>
         </div>
 
         <div class="select-file">
@@ -45,7 +45,7 @@
           </select>
         </div>
 
-        <button class="slice-button" type="button"> Slice 🔪</button>
+        <button class="slice-button" id="sliceButton"> Slice 🔪</button>
           
         <footer>
           <br>

src/main.js

@@ -1,17 +1,19 @@
 const { invoke } = window.__TAURI__.tauri;
 
-
 invoke("debug_call", { message: 'JS init' });
 
 function select_file_button_pressed(){
-    let t = invoke("select_file_button");
+    invoke("select_file_button")
 }
 
 function select_folder_button_pressed(){
     invoke("select_folder_button")
 }
 
+function slice_button_pressed(){
+    invoke("slice_button", {chapter: document.getElementById("chapterList").value})
+}
 
 document.getElementById("folderButton").addEventListener("click", select_folder_button_pressed);
 document.getElementById("fileButton").addEventListener("click", select_file_button_pressed);
-
+document.getElementById("sliceButton").addEventListener("click", slice_button_pressed);

src/styles.css

@@ -29,8 +29,14 @@ img{
   row-gap: 0;
 }
 
-p{
+::-moz-selection { /* Code for Firefox */
+  color: #ffffff;
+  background: #d88939;
+}
 
+::selection {
+  color: #ffffff;
+  background: #d88939;
 }