在会话存储中保存并显示输入值答案

【问题标题】：Save and show input value in session storage在会话存储中保存并显示输入值
【发布时间】：2016-11-19 20:53:44
【问题描述】：

我在子页面上输入了数字和带有文本的按钮。

<input id="quantity" type="number">

我想保存输入值并显示在按钮上。

<a id="button2" data-role="button">You have "value" coins</a>

我该怎么做？

【问题讨论】：

你试过了吗？如果您在 JS 代码中提供一些 sn-p 将会很有用。
网络上的一些基础研究将为您提供编写一些起始代码以尝试此操作所需的基本组件。这不是一个教程网站，您应该尝试自己解决您的问题，然后当您的实际代码无法按预期工作时，人们会提供帮助
$(function() { sessionStorage.setItem('quantity'); });
var data = sessionStorage.getItem('button2');
您可以编辑您的原始帖子并添加sn-ps

标签： javascript html storage

【解决方案1】：

如果我理解得很好，

解决办法

document.getElementById('quantity').onkeyup = function() {
    var quantity=this.value;
    sessionStorage.setItem('quantity',quantity);
    document.getElementById('button2').innerHTML='You have '+ sessionStorage.getItem('quantity')+' coins';
};

这里是jquery版本：

$('#quantity').keyup(function(){
    var quantity=$(this).val();
    sessionStorage.setItem('quantity',quantity);
    $('a').text('You have ' +  sessionStorage.getItem('quantity') +'  coins');
});

【讨论】：

问题未标记 jQuery。如果使用未标记的依赖项，您应该提及它