JSFiddle - React, Tailwind, and code Playground

HTML

<button data-bind="click: carregar">Carregar</button>
	<button data-bind="click: organizar">Ordenar</button>
	<button data-bind="click: media">MĂ©dia</button>
	<ul data-bind="foreach: numeros">
	  <li data-bind="text: numero"></li>
	</ul>

JavaScript

var soma = 0
function ranum(){
    this.numero = ko.observable(Math.floor(Math.random() * 101))
}

function numzac(){
    var self = this
    
    self.numeros = ko.observableArray([])

    self.carregar = function(){
        self.numeros.removeAll()
        for(i=0;i<10;i++){
            self.numeros.push(new ranum())
        }
        console.log(self.numeros)
    }

    self.organizar = function(){
        self.numeros.sort(function(a, b){return (a-b)})
    }

    self.media = function(){
       
    }
}

ko.applyBindings(new numzac())