Функция Javascript не может быть вызвана при сравнении значения sessionStorage

Question

В настоящее время я создаю флеш-галерею и каждый раз, когда нажимается новая кнопка, чтобы увидеть новую вспышку, я бы хотел, чтобы страница перезагрузилась, чтобы отобразить новое объявление. Я устранил проблему с помощью console.log и обнаружил, что переменные sessionStorage настроены правильно, но когда наступает время для вызова функций back/rand/next(), он просто останавливается на своих дорожках. Любые советы будут иметь большое значение.

(Изменить) Он получает console.log ('Rand button ses received!');

КОД

var flashcon, test, temp; 
    var back, rand, next; 

    back = document.getElementById('back'); 
    rand = document.getElementById('rand'); 
    next = document.getElementById('next'); 
    flashcon = document.getElementById('flashcon'); 

    function init() { 
     if (sessionStorage.getItem('ref') == 1) { 
      console.log('Back button ses received!'); 
      back(); 
     } else if (sessionStorage.getItem('ref') == 2) { 
      console.log('Rand button ses received!'); 
      rand(); 
     } else if (sessionStorage.getItem('ref') == 3) { 
      console.log('Next button ses received!'); 
      next(); 
     } else { 
      console.log('First time or a reset'); 
     } 

     // Scripts for the buttons 
     back.onclick = function() { 
      console.log('Back button pressed'); 
      sessionStorage.setItem('ref', 1); 
      location.reload(); 
     }; 
     rand.onclick = function() { 
      console.log('Rand button pressed'); 
      sessionStorage.setItem('ref', 2); 
      location.reload(); 
     }; 
     next.onclick = function() { 
      console.log('Next button pressed'); 
      sessionStorage.setItem('ref', 3); 
      location.reload(); 
     }; 
    } 

    // What switches the flashs 
    function back() { 
     console.log('Back function'); 
     sessionStorage.clear(); 
     if (c == 0) { 
      c = paths.length; 
     } 
     c--; 
     displayFiles(); 
     download(); 
    } 

    function rand() { 
     console.log('Rand function'); 
     sessionStorage.clear(); 
     if (c == paths.length - 1) { 
      c = -1; 
     } 
     c++; 
     displayFiles(); 
     download(); 
    } 

    function next() { 
     console.log('Next function'); 
     sessionStorage.clear(); 
     temp = c; 
     while (c == temp) { 
      c = Math.floor(Math.random() * paths.length); 
     } 
     displayFiles(); 
     download(); 
    } 

Answer 1

У вас есть переменные и функции Преобладающая имена друг друга.

back, next, rand - все операторы функций, которые поднимаются выше ... = document.getElementById('...') для соответствующих имен переменных.

Измените имена функций или измените имена объектов элементов, а затем повторите попытку.

Поэтому в основном превратить это:

var back, rand, next; 

back = document.getElementById('back'); 
rand = document.getElementById('rand'); 
next = document.getElementById('next'); 

в этом:

var $back, $rand, $next; 

$back = document.getElementById('back'); 
$rand = document.getElementById('rand'); 
$next = document.getElementById('next'); 

и, конечно, редактировать совпадающие места следующие в коде, так что они указывают на правой переменной.