Porównywanie wielkości liczb między sobą

let number = Math.floor(Math.random() *11);

   function play(1) {
     let userNumber = document.getElementById("userNumber"). value; MessageChannel;
     let message;
     <script src"skrypt.js"></script>
     if (userNumber > number)  {
         message = "Twój numer jest za duży"
     } else if (userNumber <2 number>{
        message = "Twój numer jest za mały"  
     } else {
        message = "Gratulacje, to właściwa liczba"
     }

Z tego skryptu wynika , że powinnabyc gotowa liczba zamiast ("userNumber") pytanie mam jak to zrobić , jak mam zrobić aby na stronie do tego zrobionej wyświetlany był tekst , i liczby.
Proszę o pomoc :)

ten kod składniowo kompletnie nie ma sensu, na tym etapie wróć do podstaw składni, zamiast budować coś co "działa"

tu są błędy składni + jedno co składniowo zadziała, ale nie sensu

To nie jest tak, że podkreślone rzeczy powodują, że coś działa inaczej niż miało. To powoduje, że kod w ogóle się nie uruchamia.

I widzę nie masz nawet tego świadomości, skoro nie zgłaszasz żadnych wyświetlanych błędów.

Także zdecydowanie - za wcześnie wybiegasz w jakieś programy. Wróć do podstaw i nauki składni.

Podziel problem na logiczne fragmenty i testuj wszystko oddzielnie, jak będzie działać zacznij to kolejno łączyć.