<html>
<body>

<h2>RENDER JSON KE HTML</h2>
<p>INI CONTOH SEDERHANA RENDER JSON DATA</p>

Judul : 
<p id="title"></p>
Isi : 
<p id="body"></p>

<p>Contoh Data Json bisa diambil <a href="https://jsonplaceholder.typicode.com/posts/1" target="_blank">Disini</a></p>

<hr>
by : davidprasetyo.com <br>
Jasa Konversi Web Ke Android + Playstore , <br>
Whatsapp : <b>08977791190</b>

</body>
</html>

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myArr = JSON.parse(this.responseText);
        document.getElementById("title").innerHTML = myArr.title;
        document.getElementById("body").innerHTML = myArr.body;
    }
};
xmlhttp.open("GET", "https://jsonplaceholder.typicode.com/posts/1", true);
xmlhttp.send();

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.