A JS snippet to add a checkbox to each transaction of the Fava Journal to change its background color

fava-journal-checkbox.js

const journal = document.querySelector("ol.journal");
const head = journal.querySelector("li.head p")
const checkHead = document.createElement('span');
checkHead.className = "flag"
checkHead.textContent = 'X';
head.insertBefore(checkHead, head.firstChild);

function handleCheckboxChange(event) {
  if (event.target.checked) {
    event.target.parentNode.style.backgroundColor = 'lightgreen';
  } else {
    event.target.parentNode.style.backgroundColor = '';
  }
}

const trans = journal.querySelectorAll("li.transaction p")
trans.forEach(tran => {
  const checkbox = document.createElement('input');
  checkbox.className = "flag"
  checkbox.type = 'checkbox';
  tran.insertBefore(checkbox, tran.firstChild);
  checkbox.addEventListener('change', handleCheckboxChange);
})

This comes in handy when reviewing the accounts for any mistakes or oversights.