Javascript printing code instead of executing it when changing the contents of HTML

I am retrieving the body element of a JSON file, which is actually html code. I am trying to then add it to my HTML, but instead of running the code it prints as a p or header element(I suppose). Can any please tell me what I am doing wrong I am unable to find answers on other discussions.

<div id="title">
</div>
<div id=“body”>
</div>
<script>

var requestURL = ‘https://secure.toronto.ca/cc_sr_v1/data/swm_waste_wizard_APR?limit=1000’;

var request = new XMLHttpRequest();

request.open(‘GET’, requestURL);

request.responseType = ‘json’;

request.send();

request.onload = function() {

var data = request.response;

document.getElementById(“title”).innerHTML = data[0].title;

document.getElementById(“body”).innerHTML = data[0].body;

}

</script>

#html #javascript #css