在會話存儲中保存並顯示輸入值

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