要使用本地存储来实现登录功能，可以使用Web浏览器提供的localStorage API。下面是一个示例代码，演示了如何使用本地存储来实现登录功能：

// 存储用户信息到本地存储
function saveUser(username, password) {
  localStorage.setItem('username', username);
  localStorage.setItem('password', password);
}

// 从本地存储中获取用户信息
function getUser() {
  const username = localStorage.getItem('username');
  const password = localStorage.getItem('password');
  return { username, password };
}

// 检查用户是否已登录
function isLoggedIn() {
  const user = getUser();
  return !!user.username && !!user.password;
}

// 登录功能
function login(username, password) {
  // 这里可以进行用户验证，比较用户名和密码是否正确
  // 假设验证通过，将用户信息保存到本地存储中
  saveUser(username, password);
  console.log('登录成功！');
}

// 登出功能
function logout() {
  // 从本地存储中移除用户信息
  localStorage.removeItem('username');
  localStorage.removeItem('password');
  console.log('登出成功！');
}

// 示例使用
if (isLoggedIn()) {
  console.log('用户已登录');
} else {
  login('admin', 'password');
}

logout();

在上述示例中，我们定义了几个函数来实现登录和登出功能：

• saveUser(username, password)函数用于将用户名和密码保存到本地存储。
• getUser()函数用于从本地存储中获取用户名和密码。
• isLoggedIn()函数用于检查用户是否已登录，通过判断本地存储中是否存在用户名和密码来确定是否已登录。
• login(username, password)函数用于登录，将用户输入的用户名和密码保存到本地存储中。
• logout()函数用于登出，从本地存储中移除用户名和密码。

示例中的代码只是一个简单的演示，实际应用中可能需要更复杂的用户验证逻辑。请根据实际需求进行适当修改。