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

  • Wie sieht dein Quellcode aus? Den müssten wir schon sehen, um dir Hinweise zu geben.

    Alles unter dem Strich ist eine Signatur!


    tut ist ein Hilfsverb, dass man nicht brauchen tut


    Die Deutsche Rechtschreibung ist Freeware, sprich, du darfst sie kostenlos nutzen. Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen!


    Zitat von Dieter Nuhr: "Wenn man keine Ahnung hat, einfach mal Fresse halten". Wie recht er doch hat...

  • <!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>

  • Du weißt aber schon, dass dein Login extrem unsicher ist und in wenigen Sekunden ausgetrickst werden kann?

    Alles unter dem Strich ist eine Signatur!


    tut ist ein Hilfsverb, dass man nicht brauchen tut


    Die Deutsche Rechtschreibung ist Freeware, sprich, du darfst sie kostenlos nutzen. Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen!


    Zitat von Dieter Nuhr: "Wenn man keine Ahnung hat, einfach mal Fresse halten". Wie recht er doch hat...

  • Achso, Hausaufgaben! :( Die sollte man aber bitte schön alleine machen.

    Alles unter dem Strich ist eine Signatur!


    tut ist ein Hilfsverb, dass man nicht brauchen tut


    Die Deutsche Rechtschreibung ist Freeware, sprich, du darfst sie kostenlos nutzen. Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen!


    Zitat von Dieter Nuhr: "Wenn man keine Ahnung hat, einfach mal Fresse halten". Wie recht er doch hat...

  • 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.

    Alles unter dem Strich ist eine Signatur!


    tut ist ein Hilfsverb, dass man nicht brauchen tut


    Die Deutsche Rechtschreibung ist Freeware, sprich, du darfst sie kostenlos nutzen. Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen!


    Zitat von Dieter Nuhr: "Wenn man keine Ahnung hat, einfach mal Fresse halten". Wie recht er doch hat...

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!