p5.js | función valor()

La función value() es una función incorporada que se utiliza para establecer o devolver el valor del elemento.
Esta función requiere la biblioteca p5.dom. Así que agregue la siguiente línea en la sección principal del archivo  index.html .
 

<script language="javascript"
    type="text/javascript" src="path/to/p5.dom.js">
</script>

Sintaxis: 
 

value()

o 
 

value( value )

Parámetros: esta función acepta un valor de parámetro único que contiene el valor en formato numérico o de string.
Valor devuelto: esta función devuelve el valor del elemento.
Los siguientes ejemplos ilustran la función value() en p5.js:
Ejemplo 1: Este ejemplo usa la función value() para mostrar el valor como salida. 
 

// Gets the value
var input_val;
 
function setup() {
     
    // Canvas size 400*400
    createCanvas(400, 200);
     
    // Set background color
    background('green');
     
    // Create an input element with its value
    input_val = createInput('Welcome to GeeksforGeeks'); 
   
    // Set the position of div element
    input_val.position(30, 80);
   
    // Set width of input field
    input_val.style('width', '250px');
   
    // Set font-size of input text
    input_val.style('font-size', '20px');
   
    // Set margin property
    input_val.style('margin-left', '50px');
}
 
function mousePressed() {
     
    // Display the input value
    print(input_val.value());
}

Producción: 
 

Ejemplo 2: Este ejemplo usa la función value() para establecer el valor de un elemento. 
 

// Set the input value
var input_val;
 
function setup() {
     
    // Canvas size 400*400
    createCanvas(400, 200);
     
    // Set background color
    background('green');
     
    // Create an input element with its value
    input_val = createInput('Welcome to GeeksforGeeks'); 
   
    // Set the position of div element
    input_val.position(30, 80);
   
    // Set width of input field
    input_val.style('width', '250px');
   
    // Set font-size of input text
    input_val.style('font-size', '20px');
   
    // Set margin property
    input_val.style('margin-left', '50px');
}
 
function mousePressed() {
     
    // Change input value
    input_val.value('A computer science portal');
}

Producción: 
 

• Antes de hacer clic en el elemento: 
   

• Después de hacer clic en el elemento: