AirPods Shop LOGIN(2) by @vladv2xx - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<object>Incorpora risorse varie nella pagina web.
<blockquote>Inserisce citazioni in un documento HTML
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
<p>Serve a definire paragrafi di testo
selectedPre-seleziona un elemento di input
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

meraviglieItaliaFrame

Scheda Tecnica Xiaomi 14 Ultra

5/10/24 es. 3 - inverti stringa

Pagina Di Prova 1.11.23

Cheeseburger div

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AirPods Shop</title>
    <style>
         body {
            margin: 0;
            padding: 0;
            background-color: #DAD2D2;
        }
        .sopra {
            background-color: black; /* Sfondo nero per la sezione delle operazioni */
            padding: 20px; /* Aggiungi spazio intorno alla sezione delle operazioni */
            text-align: center; /* Centra il contenuto orizzontalmente */
            color: #abcdef;
            position: relative;
        }
        .dynamic-container {
            background-color: white;
            text-align: center;
            padding: 1px 0;
        }
        #dynamicText {
            font-size: 25px;
            color: black;
        }
        #succText{
            font-size: 25px;
            color: red;
            text-align: center;
        }
        .button {
            width: 150px; /* Ridotta larghezza del pulsante */
            height: 40px; /* Altezza del pulsante */
            font-size: 16px; /* Dimensione del font del testo nel pulsante */
            padding: 10px;
            margin: 10px auto; /* Margine auto per centrare il pulsante */
            background-color: black;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            text-align: center;
            display: block; /* Fa sì che il pulsante si comporti come un blocco */
        }
        .LoginFONT {
            color: black;
            font-style: italic;
            font-size: 20px;
            text-align: center;
            margin: 20px;
            display: flex;
            flex-direction: column;
            align-items: center; /* Centra gli elementi orizzontalmente */
        }
        .LoginSUCCESS{
            text-align:center;
        }
        .color{
            color: red;
            
        }
        input[type="text"], input[type="password"] {
            width: 50%;
            padding: 10px;
            margin: 5px 0;
            box-sizing: border-box;
            border: 1px solid #ccc;
            border-radius: 5px;
            display: block; /* Fa sì che gli input si comportino come blocchi */
        }
        textarea {
            margin-bottom: 5px;
        }
        #output {
            margin-top: 20px;
            padding: 10px;
            border: 1px solid #ddd;
            background-color: #f9f9f9;
        }
        .hide {
            display: none; /* Nasconde l'elemento */
        }
    </style>
    <script>
      function showLogin(){
          var log1=document.getElementById("inputText1").value; //Prende il valore del pulsante utente
          var log2=document.getElementById("inputText2").value; // Prende il valore del pulsante password
          if(log1=="admin" && log2=="admin"){
              document.querySelector('.LoginFONT').classList.add('hide'); // Nasconde il contenitore del login
              //document.querySelector('.LoginFONT').classList.add('LoginSUCCESS');
              var successText = document.getElementById("succText");
              successText.innerText="Benvenuto nel sito ADMIN";
            //  window.location.href = "AirPods Shop.html"; // Reindirizza a sito.html
          }else{
              alert("Credenziali errate!");
          }
      }
        function showIntro() {
            var testo1 = "PAGAMENTO ALLA CONSEGNA 24/48H";
            var testo2 = "SPEDIZIONE GRATUITA SOPRA I 99.99$";
            var dynamicText = document.getElementById("dynamicText");
            dynamicText.innerText = testo1;
            setInterval(function() {
                dynamicText.innerText = (dynamicText.innerText === testo1) ? testo2 : testo1;
            }, 3000); // Cambia testo ogni 3 secondi
        }

        window.onload = function() {
            showIntro();
        };
    </script>
</head>
<body>
    <div class="dynamic-container">
        <p id="dynamicText"></p> <!-- Elemento per visualizzare la frase scritta con JS -->
    </div>
    <div class="sopra">
        <h1>CONNECTION SHOP</h1>
    </div>
    <br><br>
    <div class="LoginFONT">
        Esegui il login alla pagina
        <br><br>
        <input type="text" id="inputText1" placeholder="Utente">
        <input type="password" id="inputText2" placeholder="Password">
        <br>
        <button class="button" onclick="showLogin()">Login</button>
    </div>
    <p id="succText"></p> 
</body>
</html>