How can I chain multiple promises to execute sequentially in JavaScript?

<!-- BEGIN COPY / PASTE -->
        function firstTask() {
            return new Promise((resolve) => {
                setTimeout(() => {
                    console.log("First task completed");
                    resolve("Result of first task");
                }, 1000);
            });
        }

        function secondTask(resultFromFirst) {
            return new Promise((resolve) => {
                setTimeout(() => {
                    console.log("Second task completed with:", resultFromFirst);
                    resolve("Result of second task");
                }, 1000);
            });
        }

        function thirdTask(resultFromSecond) {
            return new Promise((resolve) => {
                setTimeout(() => {
                    console.log("Third task completed with:", resultFromSecond);
                    resolve("Result of third task");
                }, 1000);
            });
        }

        firstTask()
            .then(secondTask)
            .then(thirdTask)
            .then((finalResult) => {
                console.log("All tasks completed with:", finalResult);
            })
            .catch((error) => {
                console.error("An error occurred:", error);
            });
        <!-- END COPY / PASTE -->