From 110967526d14068387cf1bc8d4e78efd505b5831 Mon Sep 17 00:00:00 2001 From: lucashemi Date: Wed, 25 Jan 2023 16:21:35 -0300 Subject: export fixed --- app/check.js | 21 +++++++-------------- 1 file changed, 7 insertions(+), 14 deletions(-) (limited to 'app/check.js') 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)); -- cgit v1.2.3-18-g5258