simple vanilla js internationalization solution

[gkpty]

make a script that executes DOM content load. the user needs to include it using the async defer attributes. DOMContentLoaded() .

generate a script version of the JSON translation objects that reads each languages translation as a variable with that language code.

finding the visitor langugae preference

<script>
function myFunction() {
  var x = "Language of the browser: " + navigator.language;
  document.getElementById("demo").innerHTML = x;
}
</script>

then get the translation object according to browser locale and replace each elements textContent with the object value.

document.getElementById('consultaspanama-btn').textContent