<!DOCTYPE html>
<html>
<head>
    <title>User JSON Display</title>
    <script>
        // Fetch the user.json file
        fetch('train.json')
            .then(response => response.json())
            .then(data => {
                // Display the JSON data
                document.getElementById('user-data').textContent = JSON.stringify(data, null, 2);
            })
            .catch(error => {
                console.error('Error:', error);
            });
    </script>
</head>
<body>
    <pre id="user-data"></pre>
</body>
</html>