leadVisionary/cross_platform_span_update.js

## cross_platform_span_update.js
export default function crossPlatformSpanTextUpdate(span, text) {
  if ('textContent' in span) {
    span.textContent = text;
  } else {
    span.innerText = text;
  }
}

## demo.html
<html>
   <head>
      <title>An E-commerce retailer</title>
   </head>
   <body>
      <h1>
 Hello <span id="greeting">Placeholder</span>!</h1>
<h2>
 Please <a href="https://www.blogger.com/buy/12345">buy</a> this product</h2>
</body>
   <script src="greeting.js" type="module"></script>
   <script type="text/javascript">
      document.onready = 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";
}


## language.js
/*
used for language detection from
https://stackoverflow.com/questions/1043339/javascript-for-detecting-browser-language-preference
*/
export default function getUserPreferredLanguage() {
  return window.navigator.languages[0] ||
  [window.navigator.language || window.navigator.userLanguage];
}
	export default function crossPlatformSpanTextUpdate(span, text) {
	if ('textContent' in span) {
	span.textContent = text;
	} else {
	span.innerText = text;
	}
	}
	<html>
	<head>
	<title>An E-commerce retailer</title>
	</head>
	<body>
	<h1>
	Hello <span id="greeting">Placeholder</span>!</h1>
	<h2>
	Please <a href="https://www.blogger.com/buy/12345">buy</a> this product</h2>
	</body>
	<script src="greeting.js" type="module"></script>
	<script type="text/javascript">
	document.onready = 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";
	}
	/*
	used for language detection from
	https://stackoverflow.com/questions/1043339/javascript-for-detecting-browser-language-preference
	*/
	export default function getUserPreferredLanguage() {
	return window.navigator.languages[0] \|\|
	[window.navigator.language \|\| window.navigator.userLanguage];
	}