1. const buttonClick = document.querySelector(".button");
2. const defaultDIv = document.querySelector(".normal-div");
3. const getUser = document.querySelector(".user-button");
4.  
5. buttonClick.addEventListener("click", clickedButoon);
6. // getUser.addEventListener("click", addUser);
7. document.addEventListener("DOMContentLoaded", addUser);
8. function clickedButoon() {
9.   const para = document.createElement("p");
10.   let xhr = new XMLHttpRequest();
11.   xhr.open("GET", "raw.txt", true);
12.   xhr.onload = function () {
13.     if (this.status == 200) {
14.       para.innerHTML = this.responseText;
15.       console.log(this.responseText);
16.     }
17.   };
18.   defaultDIv.appendChild(para);
19.   xhr.onerror = function () {
20.     console.log("error occurred");
21.   };
22.   xhr.send();
23. }
24.  
25. function addUser(e) {
26.   e.preventDefault();
27.   const usersPara = document.createElement("p");
28.   let xhr = new XMLHttpRequest();
29.   xhr.open("GET", "user.json", true);
30.   xhr.onload = function () {
31.     console.log(xhr.responseText);
32.     let obj = JSON.parse(xhr.responseText);
33.     if (this.status === 200) {
34.       usersPara.innerText = `${obj.name} , ${obj.age} , ${obj.status}, ${obj.class}`;
35.  
36.       defaultDIv.appendChild(usersPara);
37.     }
38.   };
39.   xhr.send();
40. }
41.