Untitled

<html>
	<head>
		<meta charset="utf-8">
		<title>Sortowanie Ciągów</title>
		<script>
			function sortowanie()
			{
				this.tablica = [];
				this.tablica_wyniki = [];
				this.losuj_tablice = function()
				{
					var dlugosc = document.getElementById("dlugosc_tablicy").value;
					for (var i = 0; i < dlugosc; i ++)
					{
						this.tablica.push(Math.floor(Math.random() * 10000));
						this.tablica_wyniki.push(this.tablica[i]);
					}

				this.wypisz_tablice();
				}

				this.wypisz_tablice = function()
				{
					for (var i=0; i < this.tablica.length; i++)
					{
						document.getElementById("wylosowana_tablica").innerHTML += this.tablica[i]+", ";
					}
				}
				this.sortuj_babelkowo = function()
				{
					var ile_porownan = this.tablica_wyniki.length - 1;
					var ile_petli = ile_porownan;
					for(var j=0; j<ile_petli; j++)
					{
						document.getElementById("wypisz2").innerHTML += ile_porownan+'<br>';
						ile_porownan--;
					}
				}

			}
			// Stworzenie obiektu.
			let obiekt_sortujacy = new sortowanie();
		</script>
	</head>
		<body>
			<input type="number" name="dlugosc_tablicy" id="dlugosc_tablicy" value="20">
			<input type="button" value="Losuj tablicę" name="przycisk_losowania" id="przycisk_losowania" onclick="obiekt_sortujacy.losuj_tablice()">
			<input type="button" value="Sortowanie bąbelkowe" name="przycisk_sortowania" id="przycisk_sortowania" onclick="obiekt_sortujacy.sortuj_babelkowo()">
			<br>
			<p id="wylosowana_tablica">Wylosowana tablica: </p>
			<p id="wypisz2"></p>
		</body>
</html>