0.2.3

app/src/main/assets/js/app.js

@@ -55,19 +55,19 @@ const statusEl = document.getElementById('status');
 // load settings from localStorage
 function loadSettings(){
   try{
-  let progressInner = null
+    const raw = (typeof localStorage !== 'undefined') ? localStorage.getItem('matma:settings') : null
     if (raw) {
       const s = JSON.parse(raw)
       state.settings = Object.assign(state.settings, s)
     }
   }catch(e){ console.warn('settings load failed', e) }
-  // reflect to inputs
-  settingTimed.value = state.settings.timedSeconds
-  settingMaxResult.value = state.settings.maxResult
-  settingMaxOperand.value = state.settings.maxOperand
-  settingSessionProblems.value = state.settings.sessionProblems
-  settingAllowNegative.checked = !!state.settings.allowNegative
-  settingAllowFraction.checked = !!state.settings.allowFraction
+  // reflect to inputs (guard in case some inputs are missing)
+  if (settingTimed) settingTimed.value = state.settings.timedSeconds
+  if (settingMaxResult) settingMaxResult.value = state.settings.maxResult
+  if (settingMaxOperand) settingMaxOperand.value = state.settings.maxOperand
+  if (settingSessionProblems) settingSessionProblems.value = state.settings.sessionProblems
+  if (settingAllowNegative) settingAllowNegative.checked = !!state.settings.allowNegative
+  if (settingAllowFraction) settingAllowFraction.checked = !!state.settings.allowFraction
 }
 
 function saveSettings(){
@@ -145,16 +145,16 @@ function startPlay(){
   renderProblem()
 
   if (state.mode === 'timed'){
-    progressInner.style.width = '0%'
-    startTimer(state.settings.timedSeconds)
-    statusEl.textContent = 'Na czas';
-    timerEl.classList.remove('hidden');
+  if (progressInner) progressInner.style.width = '0%'
+  startTimer(state.settings.timedSeconds)
+  if (statusEl) statusEl.textContent = 'Na czas';
+  if (timerEl) timerEl.classList.remove('hidden');
   } else {
-    progressInner.style.width = '0%'
-    state.sessionSolved = 0
-    state.sessionTarget = Math.max(1, state.settings.sessionProblems)
-    updateProgress()
-    timerEl.classList.add('hidden');
+  if (progressInner) progressInner.style.width = '0%'
+  state.sessionSolved = 0
+  state.sessionTarget = Math.max(1, state.settings.sessionProblems)
+  updateProgress()
+  if (timerEl) timerEl.classList.add('hidden');
   }
 }
 
@@ -311,14 +311,14 @@ backspaceBtn.addEventListener('click', ()=>{
 
 function startTimer(seconds){
   state.timeLeft = seconds
-  timerEl.textContent = state.timeLeft
+  if (timerEl) timerEl.textContent = state.timeLeft
 
   stopTimer();
   state.timerId = setInterval(()=>{
     state.timeLeft -= 1
-    timerEl.textContent = state.timeLeft
+    if (timerEl) timerEl.textContent = state.timeLeft
     const pct = Math.max(0, (state.timeLeft / seconds) * 100)
-    progressInner.style.width = pct + '%'
+    if (progressInner) progressInner.style.width = pct + '%'
     if (state.timeLeft <= 0) {
       stopTimer()
       endSession()
@@ -357,9 +357,9 @@ summaryBack.addEventListener('click', ()=>{
 
 function updateProgress(){
   if (state.mode === 'training'){
-    const pct = Math.min(100, Math.round((state.sessionSolved/state.sessionTarget)*100))
-    progressInner.style.width = pct + '%'
-    statusEl.textContent = `${state.sessionSolved}/${state.sessionTarget}`
+  const pct = Math.min(100, Math.round((state.sessionSolved/state.sessionTarget)*100))
+  if (progressInner) progressInner.style.width = pct + '%'
+  if (statusEl) statusEl.textContent = `${state.sessionSolved}/${state.sessionTarget}`
   }
 }