Function using Clipboard API to read data from the clipboard does not work?

Hi,
I am trying to use the Clipboard API to read data from the clipboard and paste it inside my application (I tried edit box, string and list object)
I am calling this function:

function readFromClipboard() {
  navigator.clipboard.readText()
    .then(text => {
      // `text` contains the text from the clipboard
      console.log("Clipboard contents:", text);
      // You can now use the text as needed, e.g., display it in an HTML element
      document.getElementById('output').textContent = text;
    })
    .catch(error => {
      console.error("Unable to read from clipboard: ", error);
    });
}

and although the browser is asking me if I will allow my app to see the clipboard (meaning that the function works) I cannot get the content of the clipboard inside my app.
Any help will be much appreciated.
I attach the mfa and you can see the result online here:
Please login to see this link.

Thanks for your answer!
I am working on an HTML5 project which does not support the "Get from clipboard" action.
So I tried using an external function embedded inside the html code of the page. Clicking on the button calls this function and the contents of the clipboard are supposed to be pasted in the edit box.
Your mfa works fine as a Windows application but not in HTML5.

Thank you for your answer but this post about copying text to clipboard not pasting text from clipboard,

I used the Firefox inspector and I get this error:
Error on: readFromClipboard and msg: navigator.clipboard.readText is not a function