1 files changed, 7 insertions, 14 deletions
diff --git a/app/check.js b/app/check.js
index 528471f..658fefa 100644
--- a/app/check.js
+++ b/app/check.js
@@ -2,33 +2,26 @@ import { jsList } from "./list.js";
 
 export function checkboxButton(id) {
     const checkboxElement = document.createElement('i');
-
-    checkboxElement.classList.add('fa-regular');
-    checkboxElement.classList.add('fa-square');
-    
+    checkboxElement.classList.add('fa-regular', 'fa-square');
     checkboxElement.setAttribute('title', 'Mark as done');
 
     checkboxElement.addEventListener('click', (click) => {
-        checkElement(click.target, id);
+        toggleCheck(click.target, id);
     });
 
     return checkboxElement;
 }
 
-function checkElement(element, id) {
+export function toggleCheck(element, id) {
     if (element.classList.contains('fa-square')) {
-        element.classList.remove('fa-square');
-        element.classList.add('fa-square-check');
-        element.parentNode.style.textDecoration = 'line-through';
-        element.parentNode.style.opacity = '0.6';
+        element.classList.replace('fa-square', 'fa-square-check');
+        element.parentNode.classList.toggle('checked');
         id = jsList.findIndex(el => el.id == id)
         jsList[id].done = true;
         localStorage.setItem('jsList', JSON.stringify(jsList));
     } else {
-        element.classList.add('fa-square');
-        element.classList.remove('fa-square-check');
-        element.parentNode.style.textDecoration = '';
-        element.parentNode.style.opacity = '';
+        element.classList.replace('fa-square-check', 'fa-square');
+        element.parentNode.classList.toggle('checked');
         id = jsList.findIndex(el => el.id == id)
         jsList[id].done = false;
         localStorage.setItem('jsList', JSON.stringify(jsList));