如何从输入字段中获取值并存储在本地存储器中，并在javascript中显示到表中_Javascript_Css_Html

如何从输入字段中获取值并存储在本地存储器中，并在javascript中显示到表中

javascript css html

如何从输入字段中获取值并存储在本地存储器中，并在javascript中显示到表中,javascript,css,html,Javascript,Css,Html,如何从输入字段中获取值并存储在本地存储器中，并在javascript中显示到表中 <html> <head> <title></title> </head> <body> <label>Name</label> <input type="text"> <label>Last Name</label>

如何从输入字段中获取值并存储在本地存储器中，并在javascript中显示到表中

<html>
    <head>
        <title></title>
    </head>
    <body>
    <label>Name</label>
    <input type="text">
    <label>Last Name</label>
    <input type="text">
    <table>
    <tr>
        <th>Name</th>
        <th>Last Name</th>
    </tr>

    </table>
    </body>
    </html>


名称
姓
名称
姓

试试这个

<html>
    <head>
        <title></title>
    </head>
    <body>
    <label>Name</label>
    <input id="name" type="text">
    <label>Last Name</label>
    <input id="last" type="text">
    <table>
    <tr>
        <th>Name: <label class="name"></label></th>
        <th>Last Name: <label class="last_name"></label></th>
    </tr>

    </table>
    <button id="transfer">Transfer</button>
    </body>
    </html>

在本地存储器中存储：

正在本地存储中获取数据：

希望有帮助：）

请展示您的尝试。Stackoverflow不是免费的代码编写服务或“如何”教程服务。这里的目标是帮助您修复代码。看见

$(function(){
  $('#transfer').on('click',function(){
   localStorage.setItem('name', $('#name').text());
   localStorage.setItem('last', $('#last').text());
   $('.name').text(localStorage.getItem('name'))
   $('.last_name').text(localStorage.getItem('last'))
 })

});