Javascript .onchange？

Question

我目前正在试图找到一种方法，以自动存储之前，一个项目的价格被更新。例如，如果我在我的网站上显示货币兑换为美元兑欧元，而我只能得到实时的超限价格，我如何使用javascript在一行中显示前一个值，在另一行中显示更新的值。这是一个示例代码，假设随机数是货币之间的交换价格。

标记：

<p id="price"></p>
<p id="previous"></p>

JavaScript：

<script>
var price = Math.round((Math.random() + 1)*100)/100;
document.getElementById("price").innerHTML = price;
</script>

在这种情况下，会出现一个随机数，例如1.11。之后，我刷新页面，脚本再次运行，随机数更改为1.43。我想显示新的随机数，在价格下是1.43，在这个例子中，旧的随机数是1.11。我如何使用JavaScript来做到这一点？

直到现在，多亏了“特里”，我才发现了这样的事情：

<p id="price"></p>
<p id="previous"></p>

<script>
var price = Math.round((Math.random() + 1)*100)/100;
document.getElementById("price").innerHTML = price;
localStorage.previous = price;
document.getElementById("previous").innerHTML = localStorage.previous;
</script>

是否有一种方法可以在页面刷新后使用localStorage保存以前的价格(或旧的随机数)？

Answer 1

这是一个脚本：

<script>
document.getElementById("previous").innerHTML = localStorage.getItem("previous");
var price = Math.round((Math.random() + 1)*100)/100;
document.getElementById("price").innerHTML = price;
localStorage.setItem("previous", price);
</script>

Answer 2

对整个页面进行刷新将再次运行整个脚本，因此有两个可能的解决方案

1. 使用ajax请求加载新的价格，并且有很多库可以帮助您处理这个问题，比如JQuery。
2. 如果必须刷新页面，并且有服务器端代码，则将旧值保存在隐藏字段中，并更新服务器端和客户端逻辑，以考虑在隐藏字段中有值。