k-marin/DumbJS

## DumbJS
<!DOCTYPE html>
<html>
<body>

<h2>The XMLHttpRequest Object</h2>
<div id="container"></div>
<p id="demo">Let AJAX change this text.</p>


</div>
<button type="button" onclick="loadList()">Change Content</button>

<script>
function loadList() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    //console.log(this.readyState + this.responseText + this.responseType + this.status);
    var json = JSON.parse(this.responseText);
    var fruit = json.fruit
    var text = "<ol>";
    for (i = 0; i < fruit.length; i++) {
        text += "<li>" + fruit[i].type + "</li>";
    }
    text += "</ol>"
   document.getElementById("container").innerHTML = text;
  };
  xhttp.open("GET", "https://raw.githubusercontent.com/k-marinov/json-resource/master/fruits.json", true);
  xhttp.send();
}
</script>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<body>

	<h2>The XMLHttpRequest Object</h2>
	<div id="container"></div>
	<p id="demo">Let AJAX change this text.</p>


	</div>
	<button type="button" onclick="loadList()">Change Content</button>

	<script>
	function loadList() {
	var xhttp = new XMLHttpRequest();
	xhttp.onreadystatechange = function() {
	//console.log(this.readyState + this.responseText + this.responseType + this.status);
	var json = JSON.parse(this.responseText);
	var fruit = json.fruit
	var text = "<ol>";
	for (i = 0; i < fruit.length; i++) {
	text += "<li>" + fruit[i].type + "</li>";
	}
	text += "</ol>"
	document.getElementById("container").innerHTML = text;
	};
	xhttp.open("GET", "https://raw.githubusercontent.com/k-marinov/json-resource/master/fruits.json", true);
	xhttp.send();
	}
	</script>

	</body>
	</html>