Wywołanie funkcji JS w widoku.

Mam śilnie typowany widok.

W foreach wypisuje elementy kolekcji:

 <li>Status: <span id="serviceStatus">myF(@service.Avaiable.ToString().ToLower());</span></li>

service.Avaiable zwraca boola. Zamiast niego chciałbym w widoku wyświetlać ON / OFF. To pomyślałem, że tam gdzie się wypisuje po prostu wrzucę to do funkcji i zmienię:

  function myF(serviceStatus) {
        if (serviceStatus == "true")
            return "ON";
        return "OFF"
    };

Jednak to nie działa. Wypisuje takie coś "Status: myF(true);".
Próbwałem wrzucić <script> przed tym li i po nim nic.
Jak coś takiego zrobić?

Nie wystarczy zamiast:

myF(@service.Avaiable.ToString().ToLower());

dać:

@(service.Avaiable ? "ON" : "OFF")

?

Wystarczy ale chciałbym pokolorwać jeszcze teskt i inne rzeczy z js zrobić.

Jeśli przerzucasz taką odpowiedzialność widoku na JS, masz błąd projektowy.

A jak zmienić kolor tego tekstu w tym wczytywaniu?