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. 

html

<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.

javascript

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