Prasanna-Poonacha/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Interview</title>
  </head>
  <body>
    <script>
      const posts = [
        { title: 'Post1', body: 'This is post one' },
        { title: 'Post2', body: 'This is post two' },
      ];

      function createPost(post) {
        setTimeout(function () {
          posts.push(post);
        }, 2000);
      }

      function getPosts() {
        setTimeout(function () {
          let output = '';
          posts.forEach(function (post) {
            output += `<li>${post.title}</li>`;
          });
          document.body.innerHTML = output;
        }, 1000);
      }

      createPost({ title: 'Post3', body: 'This is post three' });
      getPosts();
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Interview</title>
	</head>
	<body>
	<script>
	const posts = [
	{ title: 'Post1', body: 'This is post one' },
	{ title: 'Post2', body: 'This is post two' },
	];

	function createPost(post) {
	setTimeout(function () {
	posts.push(post);
	}, 2000);
	}

	function getPosts() {
	setTimeout(function () {
	let output = '';
	posts.forEach(function (post) {
	output += `<li>${post.title}</li>`;
	});
	document.body.innerHTML = output;
	}, 1000);
	}

	createPost({ title: 'Post3', body: 'This is post three' });
	getPosts();
	</script>
	</body>
	</html>