Отправить с одной HTML-страницы на другую с двумя разными JS

Question

Я работаю с HTML и JS на домашней странице, чтобы отправить переменную на другую страницу js.

Я сделал это в индексе страницы, я создал кнопку с index.js

<a href="index.html" id= "button1">Easy</a>

в index .js я сделал это

window.addEventListener('load', function(){
document.getElementById("button1").onclick = function(){
    sessionStorage.setItem("mood", '1');
    window.location.replace("second.html");
};

В second.js я сделал это в js, чтобы получить переменную настроения.

data = sessionStorage.getItem('mood');

Все работает в Firefox (на локальном),но при использовании Chrome o онлайн загрузка кнопка не работает, потому что она не перенаправляет на second.html

Кто-нибудь может мне помочь?ps я не хочу использовать скрипт (Ajax, Jquery и т. д.)

Answer 1

Как указано в моем комментарии, установка href на '#' или переключение его с тега на тег кнопки предотвратит прямое отображение двойной страницы, и вместо этого будет запущена функция onclick, установите хранилище, а затем перенаправьте на second.html from index.html.

Пример:

<a href="#" id="button1">Easy</a>

или <button id="button1" onclick="loadB1()" >Easy</button>

и вызовите в index.js функцию следующим образом:

function loadB1(){
sessionStorage.setItem("mood", '1');
window.location.replace("second.html");
};

Answer 2

Это не обычная практика, но вы можете использовать browserify https://www.npmjs.com/package/browserify или requirejs https://www.npmjs.com/package/requirejs и создать свой стиль "Nodish".

РЕДАКТИРОВАТЬ: я думаю, что это будетработать, если вы просто ссылаетесь на другой файл напрямую.

window.addEventListener('load', function(){
document.getElementById("button1").onclick = function(){
sessionStorage.setItem("mood", '1');
 window.location = "http://yourURL.yourURL.com/ourPath/second.html"; 
};