p5.js | value()函数

value()函数是一个内置函数，用于设置或返回元素的值。
此函数需要 p5.dom 库。因此，在index.html文件的 head 部分添加以下行。

句法：

value()

或者

value( value )

参数：此函数接受单个参数值，该值以数字或字符串格式保存值。
返回值：此函数返回元素的值。
以下示例说明了 p5.js 中的 value()函数：
示例 1：此示例使用 value()函数将值显示为输出。

javascript

// 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());
}

输出：

示例 2：此示例使用 value()函数来设置元素的值。

javascript

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

输出：

• 在点击元素之前：
  

• 点击元素后：