<html><head><meta charset="utf-8"><title>test lang tags</title>
<script>
function f() {
  function member(x,arr) {
    for (var i=0; i<arr.length; i++) {
      if (x === arr[i]) return true;
    }
    return false;
  }
  function startWith(x,arr) {
    for (var i=0; i<arr.length; i++) {
      if (x.indexOf(arr[i]) == 0) return true;
    }
    return false;
  }
  var locale = "en-us";
  var j = {
    "client_name#en-us": "Test Client",
    "client_name#ja-Jpan-JP": "ワタシ用の例",
    "logo_url": "https://client.example.org/logo.png"
  };
  var known_fields = ["client_name", "redirect_uris", "logo_url"];
  var lang_fields = ["client_name"];
  try {
    for (var field in j) {
      if (startWith(field,known_fields)) {
        var s = field.split('#');
        if (member(s[0],lang_fields)) {
          if (s.length === 2) {
            if (locale == s[1]) {
              document.getElementById("lang").innerHTML += "<div><b>" + j[field] + "</b></div>";
            } else {
              document.getElementById("lang").innerHTML += "<div>" + j[field] + "</div>";
            }
          } else {
            // default
            document.getElementById("lang").innerHTML += "<div>" + j[field] + "</div>";
          }
        } else {
          document.getElementById("other").innerHTML += "<div>" + j[field] + "</div>";
          // not language specific field like redirect_uris
        }
      } else {
        alert("unknown field " + field);
      }
    }
  } catch (e) {
    alert(e);
  }
}
</script>
</head><body  onload="f();"><div id="lang"></div><div id="other"></div></body></html>