js in html

jasonLaster · jasonLaster · commit cf00efd45712 · 2017-05-05T16:46:21.000-04:00
diff --git a/README.md b/README.md
@@ -28,6 +28,7 @@
 | [clojurescript - hello](./examples/clojurescript/hello.html) | |
 | [coffeescript - tutorial](./examples/coffeescript/tutorial) | |
 | [Create React App - (jsx, flow)](./examples/my-app/build) | |
+| [JS in HTML](./examples-js-in-html.html) | A webpage with several inline scripts |
 | [asm.js](./examples/asm.html) | |
 | [wasm](./examples/wasm/fib/fib.index.html)||
 
diff --git a/examples/js-in-html.html b/examples/js-in-html.html
@@ -0,0 +1,42 @@
+<html>
+<head>
+	<script type="text/javascript">
+	var globalObject = {
+  first: 'name',
+  last: 'words',
+};
+function sayHello(name) {
+  return `Hello, ${name}!`;
+}
+</script>
+	<style>
+		BODY {
+			font-size: 48px;
+			color: rebeccapurple;
+		}
+	</style>
+</head>
+<body>
+	<h1>Testing Script Tags in HTML</h1>
+	<script>
+	const capitalize = name => {
+  return name[0].toUpperCase() + name.substring(1);
+};
+const greetAll = ['my friend', 'buddy', 'world']
+  .map(capitalize)
+  .map(sayHello)
+  .join('\n');
+
+globalObject.greetings = greetAll;
+</script>
+	<p>
+		Some arbitrary intermediate content to affect the offsets of the scripts
+	</p>
+	<script>
+	(function iife() {
+  const greeting = sayHello('Ryan');
+  console.log(greeting);
+})();
+</script>
+</body>
+</html>
