Login Text "ANMELDEN" und "ABMELDEN"

  • Hallo Leute,

    ich habe eine Webseite erstellt und ein loginsystem. Wenn ich mich jetzt anmelde soll bei dem anmelde Button automatisch abmelden stehen und wenn ich mich dann wieder abmelde automatisch anmelden stehen. Ich weiß das ich einfach 2 seiten mit anmelden und abmelden erstellen kann, aber das würde ich jetzt unbedingt nicht tun. Also meine Frage, kann man das mit java script automatisch machen das sich der Text dann ändert, vielleicht mit variablen.

    Ich hoffe ihr habt verstanden was ich meine und hoffe ihr könnt mir weiter helfen.

    MfG

  • <!DOCTYPE html>
    <html lang="en">
    <html>
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <link rel="shortcut icon" type="image/x-icon" href="Bilder/osterreich.png"/>
    <link rel="stylesheet" href="CSS/style login.css">
    <script src="login.js"></script>
    </head>
    <body>
    <img src="Bilder/Logo login.svg" class="logo">
    <form>
    <div class="loginbox">
    <img src="Bilder/Login_icon-removebg-preview.png" class="avatar">
    <h1>Melde dich hier an</h1>
    <p>Benutzername</p>
    <input type="text" name="" placeholder="Benutzernamen eingeben" id="username">
    <p>Passwort</p>
    <input type="password" name="" placeholder="Passwort eingeben" id="password">
    <input type="submit" name="" value="Anmelden" onclick="validate()">
    <a href="#">Passwort vergessen?</a><br>
    <a href="index.html">Weiter ohne anmelden</a>
    </div>
    </form>
    </body>
    </html>

  • function validate()
    {
    var username=document.getElementById("username").value
    var password=document.getElementById("password").value
    if(username=="admin" && password=="1")
    {
    alert(unescape("Deine Anmeldung war erfolgreich%21 Klicken Sie auf Ok um weitergeleitet zu werden. Anschlie%DFend k%F6nnen Sie die Seite schlie%DFen%2C wenn Sie wollen."));
    open('https://theia.wittekind.de/gruppe01web/index2.html')
    }
    else
    {
    alert(unescape("Bitte geben Sie g%FCltige Daten ein"));
    }

    }

  • <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <link rel="shortcut icon" type="image/x-icon" href="Bilder/osterreich.png"/>
    <link rel="stylesheet" href="CSS/Home_style.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Reggae+One&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    </head>
    <body>
    <div class="topline">
    <div class="logo">
    <img src="Bilder/UntitledLOGO_animated (3).svg">
    </div>
    <div class="konto">
    <a href="login.html"><i class="fa fa-user"></i>Anmelden</a>
    </div>
    </div>
    <div class="menu-bar">
    <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="aktivitaeten.html">Aktivitäten</a>
    <div class="dropdown">
    <ul>
    <li><a href="attersee.html">Attersee</a></li>
    <li><a href="wien.html">Wien</a></li>
    <li><a href="soelden.html">Sölden</a></li>
    </ul>
    </div>
    </li>
    <li><a href="#">Produkte</a></li>
    <li><a href="Über uns.html">Über uns</a></li>
    </ul>
    </div>
    <div class="header">
    <div class="container">
    <div class="row">
    <div class="col-2">
    <h1>Brauchst du Freiheit</h1>
    <p>dann komm nach Österreich dem Reich der Öster</p>
    <a href="Infosösterreich.html" class="btn">Erkunde es jetzt</a>
    </div>
    <div class="col-2">
    <img src="Bilder/hallstatt-3609863_1920.jpg">
    </div>
    </div>
    </div>
    </div>

    </body>
    </html>

  • Hör' mit dem Drängeln auf! Das ist hier ein Forum, in dem man eventuell Hilfe bekommt, wenn jemand seine Freizeit kostenlos für dein Problem opfert. Mit solchen Aktionen erreichst du eher das Gegenteil.