Scribd
Upload
17 views2 pages

Script Js

The document is a JavaScript code snippet that manages user authentication by updating the UI based on the user's login status. It includes functionality for user registration and login, checking for existing users and matching credentials, and handling logout. The UI elements are dynamically displayed or hidden based on whether a user is logged in or not.

Uploaded by

69amazingpro69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
17 views2 pages

Script Js

The document is a JavaScript code snippet that manages user authentication by updating the UI based on the user's login status. It includes functionality for user registration and login, checking for existing users and matching credentials, and handling logout. The UI elements are dynamically displayed or hidden based on whether a user is logged in or not.

Uploaded by

69amazingpro69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

document.

addEventListener('DOMContentLoaded', () => {

function updateUI() {
const loggedInUser = [Link]('loggedInUser');
const loginLink = [Link]('login-link');
const registerLink = [Link]('register-link');
const logoutLink = [Link]('logout-link');
const loginSection = [Link]('login');
const registerSection = [Link]('register');

if (loggedInUser) {
[Link] = 'none';
[Link] = 'none';
[Link] = 'inline';
[Link] = 'none';
[Link] = 'none';
} else {
[Link] = 'inline';
[Link] = 'inline';
[Link] = 'none';
[Link] = 'block';
[Link] = 'block';
}
}

updateUI();

[Link]('register-form')?.addEventListener('submit', (e) => {


[Link]();

const username = [Link]('register-username').value;


const password = [Link]('register-password').value;
const confirmPassword = [Link]('register-confirm-
password').value;

if (password !== confirmPassword) {


alert("Heslá sa nezhodujú!");
return;
}

const users = [Link]([Link]('users')) || [];


const existingUser = [Link](user => [Link] === username);

if (existingUser) {
alert("Užívateľské meno už existuje!");
return;
}

[Link]({ username, password });


[Link]('users', [Link](users));

alert("Registrácia úspešná!");
[Link] = "[Link]";
});

[Link]('login-form')?.addEventListener('submit', (e) => {


[Link]();

const username = [Link]('login-username').value;


const password = [Link]('login-password').value;

const users = [Link]([Link]('users')) || [];


const user = [Link](user => [Link] === username && [Link]
=== password);

if (user) {
[Link]('loggedInUser', username);
alert("Prihlásenie úspešné!");
updateUI();
[Link] = "[Link]";
} else {
alert("Nesprávne užívateľské meno alebo heslo!");
}
});

[Link] = () => {
[Link]('loggedInUser');
updateUI();
[Link] = "[Link]";
};
});

You might also like