js切换代码

let userRole = 'admin';

if (userRole === 'admin') {
    console.log('管理员权限');
} else if (userRole === 'user') {
    console.log('普通用户权限');
} else {
    console.log('未知角色');
}

document.getElementById('myButton').addEventListener('click', function() {
    alert('按钮被点击了！');
});

function showAdminPanel() {
    console.log('显示管理员面板');
}

function showUserPanel() {
    console.log('显示用户面板');
}

let userRole = 'admin';
if (userRole === 'admin') {
    showAdminPanel();
} else {
    showUserPanel();
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户状态切换</title>
</head>
<body>
    <div id="user-status"></div>
    <button id="toggle-status">切换状态</button>

    <script>
        let isLoggedIn = false;

        function updateStatus() {
            const statusDiv = document.getElementById('user-status');
            if (isLoggedIn) {
                statusDiv.textContent = '欢迎回来，用户！';
            } else {
                statusDiv.textContent = '请登录';
            }
        }

        document.getElementById('toggle-status').addEventListener('click', function() {
            isLoggedIn = !isLoggedIn;
            updateStatus();
        });

        // 初始状态更新
        updateStatus();
    </script>
</body>
</html>