Javascript บันทึกสถานะเหตุการณ์หรือไม่

ดังนั้นฉันจึงมีตารางที่มีประมาณ 10 รายการ เมื่อฉันคลิกที่ 'TR' ในโค้ดจาวาสคริปต์ของฉัน ฉันตั้งค่าให้ไฮไลท์แถวตารางนั้นเป็นสีเขียว นี่คือรายการขายของชำที่สร้างขึ้นโดยพื้นฐาน และเมื่อคุณเรียกดูร้านค้า คุณจะ "ทำเครื่องหมาย" รายการที่คุณหยิบขึ้นมาโดยพื้นฐานแล้ว

อย่างไรก็ตาม ฉันและภรรยาใช้สิ่งนี้ทั้งคู่ตั้งแต่ฉันวางมันบนไซต์สดและฉันสงสัยว่าฉันจะตรวจสอบรายการสินค้า (เน้นสีเขียว) ได้อย่างไรในตอนท้าย (โทรศัพท์ของฉัน) พูดที่บ้านและเมื่อเธอไป ไปที่เว็บไซต์ พวกเขาเป็นสีเขียวหรือถูกทำเครื่องหมายไว้สำหรับเธอเมื่อเธอดูหรือไม่

โดยพื้นฐานแล้วฉันบอกว่าเรามีไก่และเนื้อบดอยู่ในรายการ (คลิกที่พวกเขาเพื่อเน้นให้เป็นสีเขียว) ซึ่งจะถูกเน้นเมื่อเธอดูรายการเดียวกันบนโทรศัพท์ของเธอ

กรณีการใช้งานของฉันคือการดูรายการที่ฉันสร้างขึ้น เข้าไปในตู้เย็น คลิกทุกอย่างที่เรามีอยู่แล้ว.. จากนั้นเมื่อเธอเลิกงาน เธอก็แค่ไปที่เว็บไซต์ ดูว่ามีรายการที่เช็คเอาท์แล้วหรือไม่ และสามารถ ไปซื้อของที่เราต้องการ

เป็นไปได้ด้วย Javascript หรือไม่ นี่คือรหัสปัจจุบันของฉัน:

(ฟังก์ชัน ($, _, Drupal) {

  'ใช้อย่างเข้มงวด';

  // ในที่นี้เราใช้ Drupal.behaviors ซึ่งเป็นเวอร์ชันของ Drupal สำหรับเรียกใช้ Javascript
  // ในตอนท้าย เราแนบ ID ธีม ในกรณีนี้: CPU
  Drupal.behaviors.highlight = {
    // จากนั้นเราจะใช้ฟังก์ชันแนบที่ทริกเกอร์เพียงครั้งเดียวเพื่อใช้รหัสของเรา
    แนบ: _.once (ฟังก์ชัน (บริบท การตั้งค่า) {

      $('tr').click(ฟังก์ชัน(){
        $(นี้).toggleClass('highlightGreen');
      })
      $('tr').dblclick(ฟังก์ชัน(){
        // $(นี้).css('พื้นหลัง', 'rgba(0,255,0,0.63');
        $(นี้).ซ่อน('ช้า');
        // console.log(นี่);
      })


    })
  };

})(jQuery, _, Drupal);

นี่คือภาพหน้าจอที่มีลักษณะดังนี้: