<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Language Detection Example</title>
<script>
document.addEventListener('DOMContentLoaded', function() {
var userLang = navigator.language || navigator.languages[0]; // ブラウザの優先言語を取得
var messageElement = document.getElementById('message');
// 言語に基づいてメッセージを表示
if (userLang.startsWith('ja')) {
messageElement.innerText = 'Lang:ja こんにちは、ユーザー！';
} else if (userLang.startsWith('en')) {
messageElement.innerText = 'Lang:en Hello, User!';
} else if (userLang.startsWith('vi')) {
messageElement.innerText = 'Lang:vi Xin chào, Người dùng!';
} else {
messageElement.innerText = 'Hello, your browser language is not explicitly handled.';
}
});
</script>
</head>
<body>
<h2 id="message">Loading message...</h2>
</body>
</html>
