can somebody tell me what is wrong or missing from my code?
here is my code :
<!DOCTYPE html>
<html>
<body>
<h2>The XMLHttpRequest test</h2>
<button id='btn' type="button" >Change Content</button>
<div id="demo"></div>
<div id="demo1"></div>
<script src="requester.js">
document.getElementById('btn').addEventListener('click', function loadDoc(){
document.getElementById("demo1").innerHTML = 'bla bla';
const request = new XMLHttpRequest();
request.onload(function(){
theData = this.responseText;
document.getElementById("demo").innerHTML = theData;
});
request.open('GET', 'http://www.filltext.com/?rows=10&fname={firstName}&lname={lastName}&pretty=true');
request.send();
});
</script>
</body>
</html>
I took that url from www.filltext.com