Как я могу добавить свой пророчество getAttribute в свое localStorage - PullRequest
0 голосов
/ 30 апреля 2019

Я пытаюсь создать корзину, ниже приведены шаги, которые мне нужно выполнить: шаг 1: одним нажатием кнопки найдите способ перемещения информации о товаре, такой как цена и описание, со страницы товара на страницу покупки.enter code here шаг 2: найдите способ извлечь цену из информации о товаре и сложить их вместе.шаг 3: найти способ сложить цены вместе, а затем убрать с него налоги?

так что для шага 1: я использую свойство getAttribute для идентификации информации, которую я хочу переместить на страницу покупки, я думаюСвойство getAttribute - лучший способ извлечь все цены на странице покупки после перемещения со страницы товаров, поэтому мне нужно найти способ localStorage для свойства getAttribute.

Я создал тестовый код HTML и js, чтобы попытаться переместить информацию с одной страницы HTML на другую.

function ready() {
var First = document.getElementById('test');

First.getAttribute("data-price");
First.getAttribute("data-name");
First.getAttribute("data-description");
sessionStorage.data-price;
};


alert(sessionStorage.setItem("data-price",First))

function show(){

	sessionStorage.getItem(sessionStorage.setItem("data-price",First))
}
 <!DOCTYPE html>
<html>
<head>
</head>
<body>

  <script>
    show();
  </script>

  <script type="text/javascript" src="store.js"></script>


</body>
</html>

Ответы [ 2 ]

0 голосов
/ 01 мая 2019

Используйте набор данных , чтобы получить значения атрибутов data-.

function ready() {
    var First = document.getElementById("test");

    const price = First.dataset.price;
    const name = First.dataset.name;
    const description = First.dataset.description;

    sessionStorage.setItem("price", price);
    sessionStorage.setItem("name", name);
    sessionStorage.setItem("description", description);
}

function show() {
    const price = sessionStorage.getItem('price');
    alert(price);
 }
0 голосов
/ 30 апреля 2019

Я думаю, что это можно сделать следующим образом:

function ready() {
    var First = document.getElementById('test');
    First.getAttribute("data-price");
    First.getAttribute("data-name");
    First.getAttribute("data-description");
    localStorage.setItem("data-price", JSON.stringify(First));
};

function show() {
    alert(localStorage.getItem("data-price"));
} 
...