p5.js | función clearStorage()

La función clearStorage() en p5.js se utiliza para borrar todos los elementos presentes en el conjunto de almacenamiento local mediante la función storeItem() . Los elementos se eliminan para el dominio actual. Intentar recuperar cualquier elemento usando la función getItem() ahora devolvería un valor nulo. No acepta parámetros.

Sintaxis:

clearStorage()

Parámetros: Esta función no acepta parámetros.

El siguiente programa ilustra la función clearStorage() en p5.js:

Ejemplo:

function setup() {
  createCanvas(400, 300);
  textSize(16);
  text("Use the button to set and"+
       " retrieve random values", 20, 20);
  
  setBtn = createButton("Set items to storage");
  setBtn.position(20, 150);
  setBtn.mouseClicked(setItems);
  
  getBtn = createButton("Get items from storage");
  getBtn.position(20, 180);
  getBtn.mouseClicked(getItems);
  
  clearBtn = createButton("Clear items from storage");
  clearBtn.position(20, 210);
  clearBtn.mouseClicked(clearItems);
}
  
function clearItems() {
  clear();
  text("Use the button to set and retrieve"+
       " random values", 20, 20);
  text("Storage Cleared!", 20, 40);
  
  // Clear all items in storage
  clearStorage();
}
  
function getItems() {
  clear();
  text("Use the button to set and retrieve"+ 
       " random values", 20, 20);
  
  // Retrieve values from local storage
  id = getItem("savedNumber");
  author = getItem("savedString");
  isBestseller = getItem("savedBoolean");
  
  // Display the values
  text("The retrieved items are:", 20, 40);
  text("Book ID: " + id, 20, 60);
  text("Author: " + author, 20, 80);
  text("Bestseller: " + isBestseller, 20, 100);
}
  
function setItems() {
  clear();
  text("Use the button to set and retrieve"+
       " random values", 20, 20);
  text("Random items set!", 20, 40);
  
  // Generate random values
  randomID = floor(random(100));
  randomAuthor = "Author " + randomID;
  randomBool = randomID > 50 ? true : false;
  
  // Store values to local storage
  storeItem("savedNumber", randomID);
  storeItem("savedString", randomAuthor);
  storeItem("savedBoolean", randomBool);
}

Producción:

clearStorage-btns

Referencia: https://p5js.org/reference/#/p5/clearStorage

Editor en línea: https://editor.p5js.org/

Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

Referencia: https://p5js.org/reference/#/p5/rectMode

Publicación traducida automáticamente

Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *