AirPods Shop LOGIN by @vladv2xx - Codewith.it

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

Referenze

postDefinisce un metodo di invio di dati al server
Inserisce un commento nel codice
<source>Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media
<h4>Titolo di intestazione di quarto livello
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Esercitazione n 1

INSERIMENTO IMMAGINI IN UN TESTO

Orologio Digitale

Simple Calculator

questa sarà una pagina web dedic

Text-Based Doom-Like Game aka DOOM

Esercitazione 2

Bootstrap List Grid

Thomas Fattori 1

Le mie materie preferite

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>