Skrypt 6: Komunikat znikający automatycznie po kilku sekundach

Teoria

Krótki komunikat potwierdzający (np. "Dodano do koszyka!", "Zapisano zmiany") pokazuje się na chwilę i sam znika, bez potrzeby klikania przez użytkownika "OK" czy "Zamknij" — dużo mniej inwazyjne niż alert().

Kod (JavaScript)

<button id="przyciskDodaj">Dodaj do koszyka</button>
<p id="komunikat" style="display: none;">Dodano do koszyka!</p>

<script>
    const komunikat = document.getElementById("komunikat");

    document.getElementById("przyciskDodaj").addEventListener("click", function () {
        komunikat.style.display = "block";

        setTimeout(function () {
            komunikat.style.display = "none";
        }, 3000); // ukryj po 3 sekundach (3000 milisekund)
    });
</script>

Komentarz i wyjaśnienie kodu

setTimeout(funkcja, czasWMilisekundach) uruchamia podaną funkcję JEDEN RAZ, po upływie określonego czasu — tutaj po 3000 milisekundach (3 sekundach) ukrywa komunikat, zmieniając jego style.display z powrotem na "none".

Typowe błędy

Częsty błąd to pomylenie jednostek — setTimeout przyjmuje czas w MILISEKUNDACH, więc "3 sekundy" to 3000, a nie 3.