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

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

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

Save and show input value in session storage

javascript

html

storage