<div id="prodcut" style="height: 100px;width: 100px;border: 1px solid;">
<p>Product1</p>
<p>Product2</p>
<p>Product3</p>
</div>
<script>
var product =document.getElementsByTagName("p")[0];
product.addEventListener("click",function(e){
let data={"Product_Name":""};
//Get the name of the product
data.Product_Name = e.target.innerHTML;
// This URL comes from the connector in the flow / when an HTTP request is received / generated URL.
var requrl = "<Your URL>"
var req = new XMLHttpRequest();
req.open("POST",requrl,true);
req.setRequestHeader("Accept","application/json");
req.setRequestHeader("OData-MaxVersion","4.0");
req.setRequestHeader("OData-Version","4.0");
req.setRequestHeader("If-None-Match","null");
req.setRequestHeader("Content-Type","application/json ");
req.send(JSON.stringify(data));
</script>