Estou tentando mudar a cor de uma `div` se a seguinte condição for verdadeira, `if( @ViewBag == "reservado" )`, mas não estou conseguindo, alguém poderia me dizer como ficaria o código com essa condição descrita a cima?

Estou programando em Asp.NET

A `div` que quero mudar a cor é esta:

    <div class="num">001</div>

Ultimo código que tentei:

    function trocaCor(){
        var condi = @ViewBag.status;

        if( condi == "reservado"){
            document.getElementById("num").style.backgroundColor = green;
        }
        
    }

mas não sei se esta certo, quero que quando a página for carregada essa condição (se estiver correta) seja executada.

Também tentei o seguinte código:

    if( @ViewBag == "reservado" ){
        $('.num').css('background-color','#000000');
    }

Mas não deu certo