如何将用户输入从一个 html 页面显示到另一个 html 页面 (javascript)

Question

I have one HTML page (test.html)我有一个 HTML 页面 (test.html)

<!DOCTYPE html>
<html lang="en"> 
    <head>
        <title>test</title>
    </head>
    <body>
        <input type="text" id="input-text" placeholder="Enter Text here"> <!--input text-->
        <input type="button" id="btn" onclick="addText()" > <!--call function-->
        <button ><a href="test2.html">Next Page</a></button> <!--get to new html page-->
    </body>
    <script src="app.js"></script>
</html>

and another HTML (test2.html)和另一个 HTML (test2.html)

<!DOCTYPE html>
<html lang="en"> 
    <head>
        <title>test2</title>
    </head>
    <body>
        <h1 id="header">Display input here</h1>
    </body>
    <script src="app.js"></script>
</html>

I want to go from one page to the other.我想 go 从一页到另一页。 The first page has an input, and the second page should display the input made by the user at the first page.第一页有一个输入，第二页应该显示用户在第一页所做的输入。 This is the JavaScript:这是 JavaScript：

function addText()
{
    document.getElementById('header').innerHTML 
    =document.getElementById('input-text').value;
}

How to display my user input from test page to test2 page?如何将我的用户输入从测试页面显示到 test2 页面？

Answer 1

Create a JSON object to store the data in localStorage.创建一个 JSON object 将数据存储在localStorage中。 Then pull that data from the object when loading the next page.然后在加载下一页时从 object 中提取该数据。

如何将用户输入从一个 html 页面显示到另一个 html 页面 (javascript)

问题描述

1 个解决方案

解决方案1
0 2022-05-09 00:42:30

如何将用户输入从一个 html 页面显示到另一个 html 页面 (javascript)

问题描述

1 个解决方案

解决方案1 0 2022-05-09 00:42:30

解决方案1
0 2022-05-09 00:42:30