p5.js removeItem()用法及代碼示例

function setup() { 
  createCanvas(500, 300); 
  textSize(20); 
  text("Use the button to set and retrieve random values", 20, 20); 
  
  setBtn = createButton('Set items to storage'); 
  setBtn.position(20, 150); 
  setBtn.mouseClicked(setStorage) 
    
  getBtn = createButton('Get items from storage'); 
  getBtn.position(20, 180); 
  getBtn.mouseClicked(retrieveStorage) 
   
  removeBtn = createButton('Remove string to storage'); 
  removeBtn.position(20, 210); 
  removeBtn.mouseClicked(removeStorage) 
  
} 
  
function retrieveStorage() { 
  clear(); 
  text("Use the button to set and retrieve random values", 20, 20); 
  
  // retrieve values from local storage 
  num = getItem('savedNumber'); 
  bool = getItem('savedBoolean'); 
  
  // display the values 
  text("The retrieved items are:", 20, 50); 
  text("Number:" + num, 20, 80); 
  text("Boolean:" + bool, 20, 100); 
} 
  
function setStorage() { 
  // generate random values 
  randomNum = floor(random(100)); 
  randomBool = randomNum > 50 ? true :false; 
  
  // store values to local storage 
  storeItem('savedNumber', randomNum); 
  storeItem('savedBoolean', randomBool); 
} 
  
function removeStorage() { 
    
  // remove item from local storage 
  removeItem('savedBoolean'); 
}