Получить данные из одного HTML-файла и отобразить его с помощью другого HTML-файла

Question

У меня есть 2 HTML-файла.Я хочу взять innerHTML элемента 1-го HTML-файла и отобразить его во 2-м HTML.

Это файл 1.html

<h1 id="data">DATA</h1>
<button onclick="go()">GO</button>

Это файл 2.html.file

<h1 id="display"></h1>

Это то, что я пробовал в js, но не сработало

function go() {
    let data = document.getElementById("data").innerHTML;
    document.getElementById("display").innerHTML = data;
    window.open("2.html")
}

Пожалуйста, кто-нибудь поможет

Answer 1

Вот код, который может вам помочь.В 1.html:

<h1 id="data">Main</h1>
<a href="2.html">
<button onclick="go()">GO</button>
</a>
<script src="action.js"></script>

В 2.html:

<h1 id="display"></h1>
<script src="action.js"></script>
<script>disp();</script>

В action.js:

function go() {
  var data = document.getElementById("data").innerHTML;
  localStorage.setItem("data ", data );
}

function disp() {
  document.getElementById("display").innerHTML = localStorage.getItem("data");
}