0

Допустим на первой странице есть input и кнопка

HTML
    <input type="number" id="input1">
    <button onclick="go_to();">Далее</button>

При нажатии на кнопку число из input записывается в переменную и открывается следующая страница

JS
    var num;
    
    function go_to() {
      var num = input1.value;
      window.location.href = 'second.html';
    } 

Как на следующей странице вывести переменную num?

2 ответа 2

1

Сохранить переменную в localStorage, и на следующей странице взять переменную из localStorage при загрузке.

Выглядит это не сложно:

function go_to() {
  localStorage.setItem('num', input1.value);
  window.location.href = 'second.html';
}

// на целевой странице
let num = null
if (localStorage.getItem('num')) {
  num = localStorage.getItem('num')
}
3
  • 1
    Пожалуйста не надо вставлять невоспроизводимый код как воспроизводимый. Ваш код не очень корректен. За пределами вашего if-а переменную num нельзя будет использовать. Лучше сделайте так, чтобы его можно было достать везде, где она будет использоваться
    – EzioMercer
    8 окт 2022 в 9:52
  • Большое спасибо, все работает!
    – Sondw
    8 окт 2022 в 10:12
  • EzioMercer, согласен, не корректный пример написал) 8 окт 2022 в 10:18
0

Для передачи значения переменной с одной страницы на другую не обязательно сохранять его в LocalStorage. Достаточно одну строку в функции переписать так:

window.location.href = 'second.html?' + num;

а на целевой странице принять её таким образом:

let num = location.search.substring(1);
console.log(num);

Взято от сюда: Передача и обработка данных в html-файле

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.