Проблема с передачей данных между страницами
Делаю мобильное приложение для учебного проекта на JavaScript и jQuery. Нужно передать значение переменной totalDays с одной страницы на другую через URL параметры. Пытаюсь использовать GET метод, но что-то идет не так.
Код на странице calculator.html:
var totalDays = (mass/0.032);
var totalDays = document.getElementById('mydays').value;
Код на странице planning.html:
var totalDays;
var totalDays = document.getElementById('mydays').value;
document.write(totalDays);
Проблема в том, что вместо числового значения получаю [Object object] на второй странице.
Структура проекта
В проекте 4 файла: три HTML страницы и один JS файл. Главная страница home.html собирает данные из форм и отправляет их на calculator.html. Файл utils.js содержит общие функции и формулы для всех страниц.
Между home.html и calculator.html передача работает нормально через формы:
home.html:
function mainFunction(){
var mass = processData(parseFloat(document.forms.userForm.Mass.value));
document.forms.userForm.mass.value = mass;
document.forms.userForm.submit();
}
calculator.html:
var mass;
mass = decodeURIComponent(getUrlParams()["mass"]);
Но с calculator.html на planning.html такой способ не подходит, потому что нет формы для отправки. Как лучше решить эту задачу? Слышал про localStorage, но может есть способ через URL параметры?