Ukrywający się DIV

Witam koledzy,

Nie wiem jak zabrać się za ukrywającego DIV'a, która ma ukrywać się jeżeli deviceId jest puste. Macie jakieś pomysły?

Pozdrawiam!

np. (alternatywnie)

1. javascriptem sprawdzać czy wartość jest pusta i wtedy ustawiać na tym divie style="display: none;".
2. jQuery ma funkcje: show hide, więc możesz użyć tych funkcji, tylko dopisać warunek sprawdzania wartości

Aktualnie mam coś takiego ale nie działa ..

 

        document.getElementById('rdl-button').addEventListener('click', function(event) {

            var customer = customerId;
            var device = claimDeviceId;
            var url = "https://localhost/service/";
            var box = document.getElementsByClassName("button-hidden");
            if(device == null)    {
                box.style.display = "none";
            }    else    {
                box.style.display = "block";
            }
           window.open(url+customer+"/"+device, '_blank');
           console.log(url+customer+"/"+device);
   });

a to DIV

</div>
            <div class="button-hidden">
            <div class="row" style="margin: 5px;">
                <div class="btn btn-sm btn-primary" id="rdl-button" >RDL</div>
            </div>
            </div>

ogarnij sobie console.logiem każdą linijkę kodu i znajdziesz błąd :)

getElementsByClassName zwraca TABLICĘ elementów, nie jeden element.