APIM HTML Response is not working in SPA

Question

I'm working on an Azure Function hosted in APIM and using a Single Page Application (SPA) hosted in my storage account to let users log in via B2C. Users press a "Call API" button after logging in, which clears the previous content on the page and loads the home page I created in HTML from the API response. However, the download and upload buttons on the homepage are not working. The code below is the code that clears out the previous content of the page and loads in the html home page from my Azure Function in APIM (my home page with the upload and download buttons).

document.body.innerHTML = "";
document.body.innerHTML = await response.text()

For reference, the response in this case is the HTML page from the Azure Function. Can someone help me resolve this issue?

Answer 1

actually, since we do not know the code you are using i can just offer some alternative approach

document.body.innerHTML = "";
document.body.innerHTML = await response.text();


let uploadButton = document.getElementById('upload-button');
uploadButton.addEventListener('click', function() {
  // your code here
});

it may be related to the script that should be bound to

or

document.body.innerHTML = "";
document.body.insertAdjacentHTML('afterbegin', await response.text());

or you can write a script

that adds HTML tags first and javascript tags later