Question

我目前在使用javascript / html的下一页上显示计算出的总和时遇到问题。

我用于定义总和的计算看起来像这样，最后显示了“总和+€”。

function udregnPant() {


    let sum = 0;
    for (i = 0; i <= pantListParsed.length; i++) {


        let totalPantKr = pantListParsed[i].aPantMoney + pantListParsed[i].bPantMoney + pantListParsed[i].cPantMoney;
        sum += totalPantKr;

        console.log(sum);
        document.getElementById('sumAfPantB').innerHTML = sum + " €.";
    }


}

在以下HTML输入中，我想将总和显示为值，而不是“ 10€”

 <input type="text" name="amount" id="text1" value="10 €." readonly/>

感谢您的帮助！

Answer 1

充分利用网络存储空间。

sessionStorage -存储一个会话的数据

sessionStorage.getItem('label')
sessionStorage.setItem('label', 'value')

localStorage -存储没有到期日期的数据

localStorage.getItem('label')
localStorage.setItem('label', 'value')

示例

function setSum(value) {
    localStorage.setItem("sum", value);
}

function getSum() {
    return localStorage.getItem("sum");
}

Live Example at JS Bin

参考

Share data between html pages

HTML5 Web Storage

Answer 2

计算完值之后，将用户重定向到查询字符串中带有值的URL（请参阅Redirections in HTTP)-看起来像

window.location = http://mysite/page2.html?amount=12

在新页面上，使用searchParams属性（请参阅URL.searchParams）从查询字符串中检索值。可能类似于：

let params = (new URL(document.location)).searchParams;
document.getByElementId('text1').value = params.get('amount');

Answer 3

这里是一个使用local Storage的小例子，因为这样不允许本地存储在jsfiddle中尝试它，并且代码示例：

document.getElementById('btnSend').onclick = ()=>{
let total = document.getElementById('txtTotal').value;
if(!isNaN(total) && total > 0){
localStorage.setItem('total', total);
document.getElementById('txtTotal').value = '';
}
}
document.getElementById('btnLastTotal').onclick = ()=>{
var lastTotal = localStorage.getItem('total');
if(lastTotal !=undefined){
alert('last total is:'+lastTotal);
}else{
alert('No records found');
}
}

<input type="text" id="txtTotal">
<br>
<input type="button" id="btnSend" value="Save the total"> <input type="button" id="btnLastTotal" value="get Last Total">

希望有帮助

在另一页上显示“和”

3 个答案: