דרוש מידע כפתור ריענון בJS

efrat6 · 3/7/24

רציתי לדעת איך אני יכולה לגשת לכפתור הרענון שיש בכל CHROME בשביל שהכפתור יאפשר לעשות עוד דברים חוץ מלרענן את הדף
למשל consol וכו'
תודה מראש!

RGS · 3/7/24

את מתכוונת לf12?

efrat6 · 3/7/24

לא,
אני רוצה למשל שמשתמש נכנס לאתר מסוים אז הוא עושה LOGIN ולאחר שירפרש(ילחץ על כפתור הריענון)
אז הוא לא יוכל לחזור לאותו דף אלא לחזור בחזרה לLOGIN ולהיכנס מחדש - שמירה על אבטחה מלאה...
אז כאילו השאלה שלי איך אני יכולה לגשת לאותו כפתור בשביל לעשות את זה...

RGS · 3/7/24

מקווה שהבנתי אותך:
תסתכלי על 2 הדפים האלו זה הרעיון---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Example</title>
<script>
// פונקציה לבדיקת מצב ההתחברות
function checkLoginStatus() {
// בדיקת מצב התחברות
const isLoggedIn = sessionStorage.getItem('isLoggedIn');
if (!isLoggedIn) {
// אם לא מחובר, הפניה לדף ההתחברות
window.location.href = 'login.html';
}
}

// פונקציה להגדרת מצב התחברות
function setLoginStatus() {
sessionStorage.setItem('isLoggedIn', 'true');
}

// אירוע לפני רענון הדף
window.addEventListener('beforeunload', function() {
// ניקוי מצב התחברות
sessionStorage.removeItem('isLoggedIn');
});

// קריאה לפונקציה לבדיקת מצב ההתחברות בעת טעינת הדף
window.addEventListener('load', checkLoginStatus);
</script>
</head>
<body>
<h1>Welcome to the protected page</h1>
<button onclick="setLoginStatus()">Log In</button>
<p>Refresh the page to test the logout functionality.</p>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Page</title>
</head>
<body>
<h1>Login Page</h1>
<form onsubmit="login(event)">
<label for="username">Username:</label>
<input type="text" id="username" name="username">
<label for="password">Password:</label>
<input type="password" id="password" name="password">
<button type="submit">Login</button>
</form>
<script>
// פונקציה לוגין
function login(event) {
event.preventDefault();
// לאחר התחברות מוצלחת, הפניה לדף המוגן
sessionStorage.setItem('isLoggedIn', 'true');
window.location.href = 'protected.html';
}
</script>
</body>
</html>