It should be straightly easy if you know basic HTML and javascript:
let api_url = "https://chainz.cryptoid.info/xp/api.dws?q=getbalance&a=PCN5rFx9ZL3rDMpPAP8KKo5jB3hBbYxC7F"
async function getapi(url) {
const response = await fetch(url);
var data = await response.json();
document.getElementById("data").innerHTML = data; // or some code to put up the data on the html
}
getapi(api_url);
If you still got trouble getting it displayed on your page, simply searching for "displaying API data on HTML" should be good to go.