Question 14
Analyze the given HTML with embedded script.
<body> <div id="status"></div> <div id="result"></div> <script> function updateStatus(message) { document.getElementById("status").textContent = message; } function updateResult(message) { document.getElementById("result").textContent = message; } let promise1 = new Promise((resolve, reject) => { setTimeout(() => { resolve("Data Loaded"); }, 1000); });
let promise2 = Promise.reject("Network Error"); promise1 .then((result) => { updateStatus(result); }) .catch((error) => { updateResult(error); }); promise2 .catch((error) => { updateStatus(error); return Promise.resolve("Retry Successful"); }) .then((result) => { updateResult(result); }); </script></body>What will be the final state of HTML elements, after all the setTimeout() have finished executing.