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

Question

我在子页面上有输入编号和带文字的按钮。

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

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

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

我怎么做？

Answer 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');
});