Javascript LocalStorage设置其他变量为空

Question

我有一个计算门票数量的程序。如果我使用本地存储为变量设置新值，则会导致其他变量为空。但是如果我在表单中设置每个变量的值，那么什么都不会是空的并且没有问题，但问题是我不希望用户每次想要设置时都必须设置每个变量的值一个变量的值。我如何重写这段代码，以便其他变量在一个变量发生变化时不会变为空？目前我只为beforenoonprice和matineeprice设置了它，但是一旦这个问题得到解决，它将添加其余部分。

var beforenoonprice = 6.75; // CHANGE THE PRICE OF THE BEFORE NOON TICKET
var matineeprice = 9.00; // CHANGE THE PRICE OF THE MATINEE TICKET
var seniorprice = 9.25; // CHANGE THE PRICE OF THE SENIOR TICKET
var militaryprice = 9.25; // CHANGE THE PRICE OF THE MILITARY TICKET
var studentdayprice = 8.00; // CHANGE THE PRICE OF THE STUDENT DAY TICKET
var seniordayprice = 6.75; // CHANGE THE PRICE OF THE SENIOR DAY TICKET
var adultprice = 10.75; // CHANGE THE PRICE OF THE ADULT TICKET
var childprice = 8.00; // CHANGE THE PRICE OF THE CHILD TICKET
var threeDprice = 3.50; // CHANGE THE PRICE OF THE REGULAR 3D PRICE
var imaxPrice = 4.50; // CHANGE THE PRICE OF THE IMAX TICKET
var imax3dPrice = 5.50; // CHANGE THE PRICE OF THE IMAX 3D TICKET
var output = document.getElementById('output');


function updatePricingFunction()
 {
var beforeNoonFieldChange = document.getElementById('beforeNoonNPSlot').value;
var matineeFieldChange = document.getElementById('matineeNPSlot').value;

localStorage.setItem('text', beforeNoonFieldChange);
localStorage.setItem('text1', matineeFieldChange);


 }

 function load(){
     var storedValue = localStorage.getItem('text');
     var storedValue1 = localStorage.getItem('text1');

        beforenoonprice = storedValue;
         matineeprice = storedValue1;
          beforeNoonCPSlot.innerHTML = "$" + parseFloat(storedValue).toFixed(2);
        $("#beforeNoonPrice").attr = parseFloat(storedValue).toFixed(2);

$('#beforeNoonPrice').append("$" + (storedValue * 1).toFixed(2));

 matineeCPSlot.innerHTML = "$" + parseFloat(storedValue1).toFixed(2);
        $("#matineePrice").attr = parseFloat(storedValue1).toFixed(2);

$('#matineePrice').append("$" + (storedValue1 * 1).toFixed(2));

}