javascript - javascript 标签中设计并存储在Storage中获取优惠码值的流程

Question

到目前为止，我有一个使用 session 存储的流程，我无法将数据存储到 session 存储中。当用户收到来自前端的优惠券时

<p id="coupons">No. XXXXX </p>

我想获取值 XXXXX 并将其存储到 Session Storage 中，这样当用户想要收到另一个优惠券代码(随机生成)时，他们无法收到，因为他们已经使用 var check = 将优惠券存储在 Session Storage 中1. 详情如下

var coupons = document.getElementById("coupons");
    sessionStorage.setItem("flat" , 0);

    if(typeof(Storage) !== "undefined" || typeof(Storage) !== 0){
        sessionStorage.setItem("flat", 1);
        sessionStorage.coupons = coupons.value;
        sessionStorage.setItem("coupon", sessionStorage.coupons);

    } else {
        console.log("Already received the coupon");
    }

当我检查浏览器时，它只是 flat = 1，我没有看到我想要存储的值 XXXXX。当刷新浏览器以获取“已收到优惠券”时，我无法检查 flat = 1。请问这种情况有什么问题吗，求助。谢谢

Answer 1

不能使用.value获取文本，需要使用.innerText

    var coupons = document.getElementById("coupons");
    var val = coupons.value;
    console.log(val);  // val == undefined

    var val = coupons.innerText;
    console.log(val);  // val == test

<div id="coupons">test</div>