JavaScript хранит переменное числовое значение в виде cookie или сеанса - PullRequest
Новая
       12

JavaScript хранит переменное числовое значение в виде cookie или сеанса

0 голосов
/ 28 августа 2018

Как сохранить переменную, которая будет содержать итоговое значение в виде файла cookie, или любой метод, который будет хранить данные даже после загрузки страницы. У меня есть упражнение JavaScript, где пользователь выбирает элементы, а затем отображается их общее количество. После того, как отображается их общая сумма, они должны указать, как они будут платить (имеется в виду сумма). Затем я хочу вернуть их сумму изменения. Вот почему мне нужно, чтобы общее значение переменной было сохранено после загрузки страницы. Ниже мой код.

var shoppingItems = { "Кастрюля из нержавеющей стали": 29,99, "Мини Блендер из нержавеющей стали": 19,99, «Набор кухонных полотенец»: 7.99, "Большая коричневая кофейная кружка": 5,49, «Набор из 5 круглых тарелок»: 5,99, «Набор для встряхивания соли и перца»: 1,99, «Большая голубая метла»: 3,98, "Розовое мыльное блюдо": 2,50, "Серебряная ванная мусорное ведро": 6,99, «Шелковый черный халат»: 9,99, }; 

  var itemsSelectedValues = [];
  var total = 0;
  function listOfCheckedItems(catalogToLookFrom) {
    var yourItemsPurchased = $("input:checkbox:checked");
    for (i = 0; i < yourItemsPurchased.length; i++) {
         itemsSelectedValues.push(yourItemsPurchased[i].value);
    } // line closes for loop
    console.log(itemsSelectedValues);
    for (i = 0; i < itemsSelectedValues.length; i++) {
      total = total + catalogToLookFrom[itemsSelectedValues[i]];
    } // closes for loop
    document.getElementById("yourPurchase").innerHTML = "Your items purchased <strong>" + itemsSelectedValues + "</strong> came to a total of <br/><strong>$" + total + "</strong>";
  } // line closes listOfCheckedItems function

  function getOrderTotal() {
    listOfCheckedItems(shoppingItems);
  }

////////// Весь этот код выше работает. Однако переменная total total - это то, что мне нужно, чтобы быть файлом cookie или переменной типа сеанса JavaScript.

Этот код ниже, где я вычисляю общее количество пользователей и почему мне нужно, чтобы переменное общее числовое значение было сохранено. Мне нужно уметь вычитать сумму, которую заплатил пользователь, из общей суммы их продуктов. Может кто-нибудь, пожалуйста, помогите мне? 

  function whatUserPaidWith() {
    var amountUserPaid = $("#amountPaid").val();
    var customerChange = amountUserPaid - total;
    document.getElementById("displayUserChange").innerHTML = "You paid <strong>" + amountUserPaid + "</strong> your change due is <strong>" + customerChange + "</strong>";

  }

HTML-код Выберите ваши товары, затем оплатите в кассе

Выберите 1 или более предметов для покупки в реестре

Элементы универмага Кастрюля из нержавеющей стали - $ 29,99
Мини Блендер из нержавеющей стали - $ 19,99
Набор кухонных полотенец - $ 7.99
Большая коричневая кофейная кружка - $ 5.49
Набор из 5 круглых тарелок - $ 5,99
Набор для встряхивания соли и перца - 1,99 $
Большая голубая метла - $ 3.98
Розовое мыльное блюдо - $ 2,5
Мусорная корзина из серебра - $ 6.99
Шелковый черный халат для ванной - $ 9.99

Отправить


Как вы будете оплачивать покупку?

Пожалуйста, введите сумму ниже, которую вы платите.

Введите общую сумму:

Отправить

1 Ответ

0 голосов
/ 28 августа 2018

вы можете сохранить значения в сеансе, используя sessionStorage api .

чтобы сделать это, просто добавьте вашу переменную как свойство для объекта sessionStorage: 

sessionStorage.setItem('totalNumericValue ', 300);

, чтобы получить доступ к значению позже, вы можете сделать это, ссылаясь на свойство: 

sessionStorage.getItem('totalNumericValue')
...