@msnyastar

Как передать значение поля ввода в переменную JavaScript, а потом вывести это значение на другой странице сайта?

Здравствуйте! Я новичок, не судите строго:
Необходимо передавать значения заполненных полей формы (форма находится на первой странице):
<body>
    <form name="n1">
      <fieldset>
        <legend>Пример формы</legend>
        <p>
            <label for="field-1">Поле 1</label>
            <input type="text" id="field-1" name="value1">
        </p>
        <p>
            <label for="field-2">Поле 2</label>
            <input type="text" id="field-2" name="value2">
        </p>
      </fieldset>
    <p><input type="button" value="Отправить" onClick="Complete();"></p>
    </form>

    <p id="val1"></p>
    <p id="val2"></p>

<script src="p3.js"></script>
</body>

Передавать в переменные JavaScript по нажатию кнопки под формой(Отправить):

Затем выводить эти значения уже на другой странице(второй странице), например сюда, как только страница будет загружена:
<body>

<p id="val1"></p>

<script src="p3.js"></script>
</body>

Для этих целей подключил скрипт в отдельном файле, подключаю его перед закрытием "боди", на сколько это правильно не понимаю.
Скрипт пока что выглядит так:
function Complete()
{
    var v1 = document.n1.value1.value;
    var v2 = document.n1.value2.value;
    document.getElementById("val1").innerHTML = v2;
    alert(v1);
}

На первой странице, после нажатия кнопки значение попадает в , однако как сделать так что бы при загрузке второй страницы на ней отображались эти же значения - не знаю.
Подскажите пожалуйста вариант попроще?
  • Вопрос задан
  • 7535 просмотров
Решения вопроса 1
joeberetta
@joeberetta Куратор тега JavaScript
Читай: https://epdf.pub/google-for-dummies.html
Используйте localStorage для обмена данными между страницами. Самый простой костыль
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Soul1Eat
Добавляем input атрибут
name="test"
После чего оборачиваем input вместе с кнопкой в
<form method="GET" action="путь к вашей странице">сюда кнопку и input</form>

Потом на другой странице скрипт:
const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('test');
window.addEventListener("load", function() {
    const el = document.querySelector("primer1");
    el.innerText=myParam;
  });
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 03:54
1500 руб./за проект
22 нояб. 2024, в 02:56
10000 руб./за проект
22 нояб. 2024, в 00:55
500 руб./за проект