leadVisionary/demo.html

## demo.html
<html>
   <head>
      <title>An E-commerce retailer</title>
   </head>
   <body>
      <h1> Hello <span id="greeting">Placeholder</span>!</h1>
      <h2> Please <a href="buy/12345">buy</a> this product</h2>
   </body>
   <script src="greeting.js" type="module"></script>
   <script type="module">
      import greetCustomer from './greeting.js'
      greetCustomer(document.querySelector("#greeting"));
   </script>
</html>

## greeting.js
import getUserPreferredLanguage from './language.js'
import crossPlatformSpanTextUpdate from './cross_platform_span_update.js'

export default function greetCustomer(location) {
  loadGreeting(location, getUserPreferredLanguage());
}

function loadGreeting(span, lang) {
  var text = greeting(lang);
  crossPlatformSpanTextUpdate(span, text);
}

function greeting(lang) {
  if (lang === "es") {
      return "Dear dear Customer";
  }
      return "Valued Shopper";
}
	<html>
	<head>
	<title>An E-commerce retailer</title>
	</head>
	<body>
	<h1> Hello <span id="greeting">Placeholder</span>!</h1>
	<h2> Please <a href="buy/12345">buy</a> this product</h2>
	</body>
	<script src="greeting.js" type="module"></script>
	<script type="module">
	import greetCustomer from './greeting.js'
	greetCustomer(document.querySelector("#greeting"));
	</script>
	</html>
	import getUserPreferredLanguage from './language.js'
	import crossPlatformSpanTextUpdate from './cross_platform_span_update.js'

	export default function greetCustomer(location) {
	loadGreeting(location, getUserPreferredLanguage());
	}

	function loadGreeting(span, lang) {
	var text = greeting(lang);
	crossPlatformSpanTextUpdate(span, text);
	}

	function greeting(lang) {
	if (lang === "es") {
	return "Dear dear Customer";
	}
	return "Valued Shopper";
	}