test-01/node-page/public/index.html

25 lines
738 B
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User List</title>
</head>
<body>
<h1>User List</h1>
<ul id="user-list"></ul>
<script>
fetch('/api/users')
.then(response => response.json())
.then(users => {
const userList = document.getElementById('user-list');
users.forEach(user => {
const listItem = document.createElement('li');
listItem.textContent = `${user.first_name} ${user.last_name}`;
userList.appendChild(listItem);
});
});
</script>
</body>
</html>