Javascript-форум - Ввод и сортировка массива

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Ввод и сортировка массива (https://javascript.ru/forum/dom-window/73295-vvod-i-sortirovka-massiva.html)

Ввод и сортировка массива

Нужно установить количество элементов в массиве и добавлять поочередно свои элемент. Потом отсортировать.
На картинке все подробно указано. Как установить свое количество элементов массива и поочередно добавлять их и соответственно отсортировать?:blink:

<!DOCTYPE HTML>
<!-- Do not remove and do not change this string -->
<html>
<head>
<meta charset=utf-8>
 
<style>
    body{background-color: #F0E68C;}
    p, h2, h3{text-align: center;}
    .div1{
        border: 1px solid black; 
        background-color: #FFF0F5; 
        width: 50%;
        margin-left: 25%;
        text-align: center;
        padding-bottom: 30px;
    }
    .w1{margin: 20px;}
    input{width: 60px;}
</style>

<script>
    function newElement(){
    var array = [];
    var a;
        res = document.getElementById('a');
    array.push(a);
    }
</script>

</head> 
<body>
    <h2>Ввод и сортировка</h2>
    <hr />
    <div class='div1'>
        <h3>Заполнение массива числами</h3>
        <p>Количество элементов</p>
        <input type='text' value='0' /><br><br>
         Добавить число к массиву
        <input type='text'></input>
        <button id='newElement' oncklick='newElement'>Добавить</button><br><br>
        <button oncklick='simpleSort'>Сортировать</button>
    </div>
    <p>Массив = </p>
    <b id = 'a'>></b>
</body>

<script>
    function simpleSort(array){
        var elem = 0;
        for (var j = 0; j < array.length-1; j++){
            for (var i = 0; i < array.length-1-j; i++){
                if (array[i] < array[i+1]){
                    elem = array[i];
                    array[i] = array[i+1];
                    array[i+1] = elem;
                }               
            }           
        }
    }
</script>

</html>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<input type="text" readonly value="0">кол-во элементов<br>
	<input type="number">добавить число<br>
	<button>Добавить</button>
	<button>Сортировать</button>
	<div></div>
	<div></div>
	<script>
		var inp = document.querySelectorAll('input'),
		but = document.querySelectorAll('button'),
		div = document.querySelectorAll('div'),
		arr = [];
		but[0].onclick = e =>{
			inp[1].value && arr.push(inp[1].value);
			inp[1].value = '';
			inp[0].value = arr.length;
			div[0].textContent = 'массив='+arr;
		};
		but[1].onclick = e => div[1].textContent = 'Сортированный='+arr.sort((a,b)=> a - b);
	</script>
</body>
</html>

Спасибо большое, вы очень помогли:)