Вывод информации между страницами javascript

277
03 ноября 2021, 01:30

При нажатии кнопки на первой странице нужно вывести информацию в тег (P) на вторую страницу хотел сделать это через innerHTML но код срабатывает только если присваивать его в одиночную страницу где находится кнопка подскажите что можно добавить или убрать

Первая страница

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="styles.css">
    <title>Document</title>
</head>
<body>
    <p>Round One</p>
    <h1>вопрос?</h1>
    <div class="container">
        <form>
          <label class="radio-inline">
            <input type="radio" id="radio1" name="optradio"checked>ответ
          </label>
          <label class="radio-inline">
            <input type="radio" id="radio2" name="optradio">ответ
          </label>
          <label class="radio-inline">
            <input type="radio" id="radio3" name="optradio">ответ
          </label>
          <label class="radio-inline">
            <input type="radio" id="radio4" name="optradio">ответ
          </label>
        </form>
      </div>

            <a href="level2.html" class="myButton" onclick="func4()">Next</a>

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

Вторая страница на которую нужно вывести информацию

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="styles.css">
    <title>Document</title>
</head>
<body>
    <p>Congratulations</p>
    <h1 id="">Your score is:</h1>
    <p id="output">score</p>

       <a href="#" class="myButton" onclick="">Next Round</a>

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

JS код 

    function func4() {

    var p;
    p = document.getElementById('output');
    p.innerHTML = "hello"
   }
Answer 1
localStorage["key"] = value;

... на другой странице ... 

value = localStorage["key"];
READ ALSO
Как сделать блок неподвижным при прокрутке страницы?
javascript

Как сделать блок неподвижным при прокрутке страницы?

 232
Как в axios указать что ожидается json или blob?
javascript

Как в axios указать что ожидается json или blob?

Как axios в get или post запросе указать, что в случает успеха я ожидаю blob, а в случае ошибки json?

 150
Имя переменной, в которой анонимная функция
javascript

Имя переменной, в которой анонимная функция

Как узнать имя объекта и его ключ, в котором находится анонимная функция из самой функции?

 151
Заменить условие if
javascript

Заменить условие if

Есть две кнопкиЕсли нажать на первую кнопку, то появится 3-я кнопка, по клику на которую должен появится новый контент

 75