การบันทึกข้อมูลครั้งเดียวใน localStorage ใน JavaScript

หากพยายามอ่านค่าคีย์ที่ยังไม่เคยมีการบันทึกข้อมูล ผลลัพธ์ที่ได้จะคือ null เราสามารถใช้ข้อเท็จจริงนี้เพื่อทำการบันทึกข้อมูลเพียงครั้งเดียว

ตัวอย่างเช่น ลองบันทึกลงในที่เก็บข้อมูลท้องถิ่น เวลาที่ผู้ใช้เข้าเว็บไซต์เป็นครั้งแรก แต่หากผู้ใช้เข้ามาไม่ใช่ครั้งแรก เราจะไม่ทำอะไร:

let time = localStorage.getItem('time');

if (time === null) {
	let now = Date.now();
	localStorage.setItem('time', now);
}

ลองเขียนเงื่อนไขใหม่ในรูปแบบที่สั้นกว่า:

let time = localStorage.getItem('time');

if (!time) {
	let now = Date.now();
	localStorage.setItem('time', now);
}

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

เมื่อผู้ใช้เข้าเว็บไซต์ ให้ถาม วันเกิดของเขา เมื่อผู้ใช้เข้าเว็บไซต์ในครั้งต่อไป หากในวันนั้นตรงกับวันเกิดของเขา ให้แสดงคำอวยพรวันเกิด

กำหนดให้มี input เมื่อการโฟกัสออกจาก input นี้ ให้บันทึกค่าของมันลงในที่เก็บข้อมูลท้องถิ่น เมื่อผู้ใช้เข้าเว็บเพจในครั้งต่อไป ให้ตั้งค่าใน input เป็นข้อความที่บันทึกไว้ก่อนหน้านี้