p5.js | función createSpan()

La función createSpan() se usa para crear un elemento span en el DOM con el html interno opcional dado.

Sintaxis:

createSpan([html])

Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:

• html: Es una string con el HTML interno del elemento span. Es un parámetro opcional.

Valor devuelto: Devuelve un puntero al p5.Element con el Node creado.

El siguiente ejemplo ilustra la función createSpan() en p5.js:

Ejemplo:

function setup() {
  createCanvas(600, 300);
   
  textSize(18);
  text("Click on the button to create" +
       "<span> elements at random positions.", 20, 20)
  genBtn = createButton("Create span element").position(30, 40);
  genBtn.mousePressed(spawnSpan);
}
   
function spawnSpan() {
  newSpan = createSpan("This is a <b>span</b> element"+
                       " with custom <i>innerHTML</i>.");
  newSpan.position(random(50, 500), random(50, 300));
}

Producción:

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/createSpan