basti1012.bplaced.net

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>