Javascript .onchange?

Question

В настоящее время я пытаюсь найти способ автоматического сохранения предыдущей цены элемента до его обновления. Например, если на моем веб-сайте я показываю обмен валюты, пусть это будет USD до EURO, и я получаю только стоимость обмена в реальном времени, как я могу использовать javascript для отображения предыдущего значения в одной строке и отображения обновленного значения в другой строке. Это пример кода, предполагая, что случайное число - это валютная цена между валютами.

Markup:

<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 в #price и старое (или предыдущее) случайное число, которое в этом случае было 1.11 в #previous. Как я могу использовать JavaScript для этого?

До сих пор благодаря @Terry я пришел к чему-то вроде этого:

<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

Выполнение обновления для всей страницы будет работать весь сценарий снова так что есть 2 возможных решения

1. Использование Ajax запрос на загрузку новую цену, и есть много библиотек, которые могут помочь вам, что такое как JQuery
2. Если вам нужно обновить страницу, и у вас есть код на стороне сервера, то сохраните старое значение в скрытом поле и обновите логику вашей стороны и клиентской стороны, чтобы рассмотреть вопрос о ценности внутри скрытого поля.