takahirohonda

// Instead of calling addEventListerner 3 times...
document.querySelector('.header-right-nav')
  .addEventListener('click', e => {
    funcForHeaderRightNavClick(e);
 })
 document.querySelector('.header-left-nav')
  .addEventListener('click', e => {
    funcForHeaderLeftNavClick(e);
 })
document.querySelector('.nav-menu')

takahirohonda

document.querySelector('.my-form')
 .addEventListener('change', (e) => {
  if (e.target.closest('.radio-input') !== null) {
    console.log(`${e.target.value} is picked`);
  }
});

takahirohonda

const radioInputs = document.querySelectorAll('.radio-input')

for(let input of radioInputs) {
  input.addEventListener('change', e => {
    console.log(`${e.target.value} is picked`)
  })
}

takahirohonda

const radioInputs = document.querySelectorAll('.radio-input')

for(let input of radioInputs) {
  input.addEventListener('change', e => {
    console.log(`${e.target.value} is picked`)
  })
}

takahirohonda

$('.radio-input').change((e) => {
  console.log(`${e.target.value} is picked`)
})

takahirohonda

<form class="my-form">
  <fieldset class="input-field" role="radiogroup" tabindex=0>
    <legend class="form-label">Venue Location</legend>
    <div class="radio-button-container">
      <div class="radio-button-group" tabindex=0>
        <input type="radio" class="radio-input" id="sydney"
               name="venue" value="Sydney" />
        <label class="radio-label" for="sydney">
          <span class="ph-tick"></span>
          Sydney

takahirohonda

export const initialiseDbAndFetchData = async () => {

  const initialDataArray = [
    initialList,
    initialCategories
   ]
  const keyArray = ['list', 'category']

  if (checkIndexDbBrowserSupport) {
    try {

takahirohonda

export const clearIndexedDB = (): Promise<string> => {
  const req = indexedDB.deleteDatabase('mtd')
  return new Promise((resolve, reject) => {
    req.onsuccess = () => {
      resolve('DB deleted successfully')
    }
    req.onerror = (e: any) => {
      reject(`Error in DB delete: ${e.target.error}`)
    }
  })

takahirohonda

export const insertRecordToIndexedDb = (data: any, key: string) => {
  let db
  const request = indexedDB.open('mtd', 1)
  return new Promise((resolve, reject) => {
    request.onsuccess = (e: any) => {
      db = e.target.result
      console.log('opened indexedDb to upsert...', db)
      if (db.objectStoreNames.contains('mtd-data')) {
        const transaction = db.transaction('mtd-data', 'readwrite')
        const store = transaction.objectStore('mtd-data')

takahirohonda

const getReadOnlyStore = () => {
  // db is defined at the top
  const request = indexedDB.open('mtd', 1)
  return new Promise((resolve, reject) => {
    request.onsuccess = (e: any) => {
      db = e.target.result
      const transaction = db.transaction('mtd-data', 'readonly')
      const store = transaction.objectStore('mtd-data')
      resolve(store)
    }