hadihammurabi/micro-frontend-stitching.html

## micro-frontend-stitching.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Toko Online</title>
</head>
<body>
  <div id="katalog"></div>
  <script src="http://localhost:3000/main.js" async></script>
  <script>
    const katalogBarangWrapper = document.getElementById('katalog')
    const katalogBarang = document.createElement('katalog-barang')
    katalogBarang.addEventListener('mouseenter', () => console.log('mantap'))
    katalogBarangWrapper.appendChild(katalogBarang)
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Toko Online</title>
	</head>
	<body>
	<div id="katalog"></div>
	<script src="http://localhost:3000/main.js" async></script>
	<script>
	const katalogBarangWrapper = document.getElementById('katalog')
	const katalogBarang = document.createElement('katalog-barang')
	katalogBarang.addEventListener('mouseenter', () => console.log('mantap'))
	katalogBarangWrapper.appendChild(katalogBarang)
	</script>
	</body>
	</html>