สอบถามการใช้งาน cookie เพิ่มเติมจากบทความที่เเล้ว

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา สอบถามการใช้งาน cookie เพิ่มเติมจากบทความที่เเล้ว

สอบถามการใช้งาน cookie เพิ่มเติมจากบทความที่เเล้ว
จากบทความที่เเล้ว ผมได้เจอตัวอย่าง code เกี่ยวกับการใช้ cookie เเต่ยังไม่เเน่ใจว่าสามารถใช้งานเลยหรือเปล่า หรือต้องเขียนฟังก์เพิ่มเติม รบกวนเเนะนำหน่อยครับ

<div class="cookie-container">
      <p>
       เราใช้ cookie เพื่อพัฒนาประสบการณ์การใช้งานจากการเยี่ยมชมเว็บไซต์และเพื่อสนับสนุนประสิทธิภาพในการนำเสนอข้อมูลและ เนื้อหาต่างๆ ที่ผู้เข้าใช้งานจะได้รับชม
        <a href="#">privacy policy</a> and <a href="#">cookie policy</a>.
      </p>

      <button class="cookie-btn">
        Okay
      </button>
</div>

    <script src="main.js"></script>
/// ส่วน javascript
const cookieContainer = document.querySelector(".cookie-container");
const cookieButton = document.querySelector(".cookie-btn");

cookieButton.addEventListener("click", () => {
  cookieContainer.classList.remove("active");
  localStorage.setItem("cookieBannerDisplayed", "true");
});

setTimeout(() => {
  if (!localStorage.getItem("cookieBannerDisplayed")) {
    cookieContainer.classList.add("active");
  }
}, 2000);


Antinew007 15-03-2020 23:27:36

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1
ตัวนี้น่าจะเป็น localStorage ของ HTML 5
ใช้ได้เหมือนกัน โค้ดตามตัวอย่าง เข้าใจไม่ยาก
ถ้าสามารถอธิบาย หรือเข้าใจแต่ละบรรทัดได้ ถือว่าโอเค 


บทความแนะนำที่เกี่ยวข้อง
การใช้งาน Web Storage Objects ใน HTML5 อย่างง่ายอ่าน 13,044
เทคนิคใช้งาน localStorage แบบฐานข้อมูล อย่างง่ายอ่าน 7,248
ninenik 16-03-2020






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ