[JS] Zmiana koloru tła po kliknięciu na diva

pytanie zadane 4 lipca 2019 w JavaScript przez Ebay_05 Początkujący (400 p.)

Dzień dobry!

Mam problem z dość łatwą rzeczą a morduję się z nią już od kilku godzin; mianowicie chciałabym, aby po kliknięciu na diva zmienił się kolor tła. Robię tak samo jak w poradnikach i odpowiedziach, ale naprawdę nic nie chce mi działać. W konsoli nic się nie pojawia, czysto.

JS:


    <script type="text/javascript">
        const orangeBtn = document.querySelector('.orange');

        orangeBtn.addEventListener('click', function(){
            document.body.className = "";
            document.body.className = "orange";
        })
        
    </script>

CSS i HTML w razie co:

<body>
    
    <div class="red"></div>
    <div class="orange"></div>
    <div class="yellow"></div>
    <div class="green"></div>
    <div class="blue"></div>
    <div class="purple"></div>
    
</body>


    <style>
        body{
            background-color: #FFFDF0;
            text-align: center;
        }
        
        div{
            height: 50px;
            width: 90px;
            margin: 10px;
            display: inline-block;
            border: 1px solid black;
        }
        
        div:hover{
            cursor: pointer;
            height: 60px;
            width: 100px;
            margin: 5px;
        }
        
        .red{
           background-color: red;
        }
        
        .orange{
           background-color: orange;
        }
        
        .yellow{
           background-color: yellow;
        }
        
        .green{
           background-color: greenyellow;
        }
        
        .blue{
           background-color: deepskyblue;
        }
        
        .purple{
           background-color: purple;
        }
        
    </style>

Pokaż 7 poprzednich komentarzy

1	komentarz 4 lipca 2019 przez pablop76 VIP (123,120 p.) Zastanowiłbym się jeszcze czy nie użyć classList zamiast className, ponieważ jeżeli Twoje body będzie miało więcej klas to className usuwa je wszystkie a classList tylko wybrane.

komentarz 4 lipca 2019 przez Ebay_05 Początkujący (400 p.)

ooo działa

komentarz 4 lipca 2019 przez Ebay_05 Początkujący (400 p.)

dziękuję bardzo <3

komentarz 4 lipca 2019 przez Ebay_05 Początkujący (400 p.)

To dlatego, że funkcja odwołuje się do klasy która nie została wcześniej zdefiniowana, prawda?

1	komentarz 4 lipca 2019 przez Chess Szeryf (76,710 p.) Chciałem tylko przypomnieć niektórym, że odpowiedzi piszemy w odpowiedziach, a komentarze w komentarzach.