{"mappings":"AAAA,4CAA4C;AAE5C,qDAAqD;AAErD,MAAM,WAAW,SAAS,cAAc,CAAC;AACzC,MAAM,WAAW,SAAS,cAAc,CAAC;AAEzC,SAAS,gBAAgB,CAAC,UAAU,SAAS,KAAK;IAC9C,MAAM,cAAc;IAEpB,MAAM,WAAW,IAAI,SAAS;IAC9B,MAAM,eAAe,IAAI,gBAAgB;IACzC,MAAM,MAAM,iCAAiC,aAAa,QAAQ;IAElE,MAAM,GAAG,CAAC,KACL,IAAI,CAAC,CAAA;QACF,MAAM,OAAO,SAAS,IAAI,EAAE,kCAAkC;QAC9D,SAAS,SAAS,GAAG;QAErB,KAAK,IAAI,CAAC,OAAO,CAAC,CAAA;YACd,MAAM,UAAU,SAAS,aAAa,CAAC;YACvC,QAAQ,SAAS,CAAC,GAAG,CAAC;YAEtB,QAAQ,SAAS,GAAG,CAAC;;kCAEH,EAAE,KAAK,MAAM,CAAC,OAAO,EAAE,KAAK,UAAU,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC;;oCAEvD,EAAE,KAAK,UAAU,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC;mCACrC,EAAE,KAAK,KAAK,CAAC;;;gBAGhC,CAAC;YACD,SAAS,WAAW,CAAC;QACzB;IACJ,GACC,KAAK,CAAC,CAAA;QACH,QAAQ,KAAK,CAAC,mBAAmB;IACrC;AACR","sources":["src/main.js"],"sourcesContent":["// import axios from 'axios'; //for webpack \r\n\r\n// Un comment the code above to build with webpack ! \r\n\r\nconst userForm = document.getElementById('userForm');\r\nconst userList = document.getElementById('userList');\r\n\r\nuserForm.addEventListener('submit', function(event) {\r\n    event.preventDefault();\r\n\r\n    const formData = new FormData(userForm);\r\n    const searchParams = new URLSearchParams(formData);\r\n    const url = 'https://reqres.in/api/users?' + searchParams.toString();\r\n\r\n    axios.get(url)\r\n        .then(response => {\r\n            const data = response.data; // Axios automatically parses JSON\r\n            userList.innerHTML = '';\r\n\r\n            data.data.forEach(user => {\r\n                const userDiv = document.createElement('div');\r\n                userDiv.classList.add('user');\r\n\r\n                userDiv.innerHTML = `\r\n                    <div class=\"user-container\">\r\n                        <img src=\"${user.avatar}\" alt=\"${user.first_name} ${user.last_name}\" width=\"50\" height=\"50\">\r\n                        <div>\r\n                            <strong>${user.first_name} ${user.last_name}</strong><br>\r\n                            Email: ${user.email}\r\n                        </div>\r\n                    </div>\r\n                `;\r\n                userList.appendChild(userDiv);\r\n            });\r\n        })\r\n        .catch(error => {\r\n            console.error('Request failed:', error);\r\n        });\r\n});"],"names":[],"version":3,"file":"index.de158e3a.js.map","sourceRoot":"/__parcel_source_root/"}