oze4/babel.ts.html

## babel.ts.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div id="root"></div>

    <!-- Load Babel Standalone, this is what "dumbs down" TS code so your browser can read it -->
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

    <!-- Notice the 'type="text/babel"' attribute -->
    <script type="text/babel">
      interface User {
        Name: string;
        Age: number;
      }

      const bob: User = {
        Name: "Bob",
        Age: 60
      }

      const el: Element = document.querySelector("#root");

      el.innerHTML = JSON.stringify(bob, null, 2);
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Document</title>
	</head>
	<body>
	<div id="root"></div>

	<!-- Load Babel Standalone, this is what "dumbs down" TS code so your browser can read it -->
	<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

	<!-- Notice the 'type="text/babel"' attribute -->
	<script type="text/babel">
	interface User {
	Name: string;
	Age: number;
	}

	const bob: User = {
	Name: "Bob",
	Age: 60
	}

	const el: Element = document.querySelector("#root");

	el.innerHTML = JSON.stringify(bob, null, 2);
	</script>
	</body>
	</html>