Open In App

p5.js removeItem() Function

Improve
Improve
Like Article
Like
Save
Share
Report

The removeItem() function is used to remove the item that has been stored using the storeItem() function. It removes the value under the given key name from the local storage of the browser.

Syntax:

removeItem(key)

Parameters: This function accept a single parameter as mentioned above and described below.

  • key: This is a string which denotes the key for which the value has to be removed.

Below example illustrates the removeItem() function in p5.js:

Example:




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');
}


Output:
output-gif

Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

Reference: https://p5js.org/reference/#/p5/removeItem



Last Updated : 21 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads