p5.js | createA() Function

The createA() function in p5.js is used to create an anchor element in the DOM (Document Object Model) for creating a hyperlink. This function includes the p5.dom library. Add the following syntax in the head section. 
 

<script src= 
"https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"> 
</script> 

Syntax:  

createA( href, html, target )

Parameters:  

• href: It holds the url of the page to the link.
• html: It holds the display text.
• target: It holds the target where the link will open.

The "target" can be '_blank' (link will open in a new tab), '_self' (link will open in the same tab), etc.
Example: This example uses createA() function to create a link of GeeksforGeeks home page.

// Create a variable for anchor object
var link;
 
function setup() {
    
    // Create a canvas
    createCanvas(400, 200);
    
    // Set the background-color
    background('green');
    
    // Create a anchor object using createA() function
    link = createA("https://www.geeksforgeeks.org/",
                       "Go to GeeksforGeeks", "_blank");
    
    // Position the anchor objects
    link.position(120, 80);    
}

Output: 

After clicking the link, GeeksforGeeks home page will open in a new tab.
Reference: https://p5js.org/reference/#/p5/createA