AirPods Shop LOGIN by @vladv2xx - Codewith.it

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

References

<thead>Definisce un gruppo di intestazione all'interno di una tabella.
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
<i>Formatta il testo in corsivo/italico non enfatizzato
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
<aside>Definisce un contenuto separato dal testo perincipale

Users

Log in to search for users

Explore

Find inspiration

es riepilogativo da correggere

copia dicountdownfineanno

Titolo della pagina

passi avanti regioni italiane

Il museo di Leonardo

Pagina HTML prova

Young Corporate Lawyer - Experienc

Banner cercatutto

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

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