p5.js removeItem() Function

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:

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