JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>

<body>

    <h2>JavaScript test()</h2>

    <p>Trying to get all promises at the same time:</p>

    <p id="result"></p>

    <script>
        let requestUrls = [];

        requestUrls.push('https://jsonplaceholder.typicode.com/posts');
        requestUrls.push('https://jsonplaceholder.typicode.com/albums');
        requestUrls.push('https://jsonplaceholder.typicode.com/users');

        let promiseList = [];
        try {
            for (let url of requestUrls) {
                promiseList.push(fetch(url).then((response) => response.json()));
            }

            var data =  await Promise.all(promiseList);
            document.getElementById("result").innerHTML = data;
            console.log(data);

            for (var i of data) {
                console.log(`RESPONSE ITEM \n`);
                for (var obj of i) {
                    console.log(obj);
        
                }
            }

        } catch (error) {
            console.log(`error:${error}`);
        }
    </script>

</body>

</html>