basti1012.bplaced.net

Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
    wenn ein User einen Artikel durch Anklicken in den Warenkorb legt, soll ein kleines Popup Fenster mit einer Meldung "vorgemerkt" aufgehen, das nach etwa 2 Sek automatisch geschlossen wird, am Besten wäre ein Ausblenden. Wie kann man sowas realisieren?

    Code

                                        
                                    <style>
      body{
      background:black;
    }
    
    .popup {
        border:1px solid black;
        border-radius:10px;
        padding:10px;
        box-shadow:10px 10px 10px white;
        height:200px;
        width:50vw;
        line-height:200px;
        background:white;
        color:black;
        font-size:40px;
        text-align:center;
        position:fixed;
        top:50%;
        left:50%;
        transform: translate(-50%,-50%);
    }
    .weg{
       transition:1500ms all;
       transform: translate(-50%,-100vh);
    }
    </style>
    <div id="popup" class="popup">gespeichert</div>
    
    <script>
      
    setTimeout(function(){ 
    document.querySelectorAll(".popup")[0].classList.add('weg');
    
    }, 1900);
    </script>