Как собрать введенные пользователем целые числа в массив (отсортировать его) и вывести минимальное значение на веб-страницу

Question

Я новичок и хочу спросить вас, ребята! У меня есть код, но он не работает. Я хочу собрать все данные в массиве, после этого этот массив будет отсортирован по значению и выведет минимальное значение на веб-странице. Я создаю код для сбора входных значений от пользователя, но не знаю, что делать дальше. Ты можешь мне помочь? (результат должен выглядеть следующим образом: у вас низкий балл по математике (3) вам следует улучшить этот раздел) Пожалуйста, ребята!

<script>
 var myItems = []

function add(e) {
  var obj = {};

  $('#addItem input[type="text"]')
    .each(function() {
      obj[this.name] = this.value;
    });
  myItems.push(obj);
}

function test(e) {
  alert(JSON.stringify(myItems));
}
$(document).ready(function() {
  $('#add').click(add);
  $('#test').click(test);
});

</script>

<form id="addItem">
    <table id="tblSearchTally">
        <tr>
            <td>Biology:<input type= "text" value ="1" name="plank" id="plank"></td>     
        </tr>
        <tr>
            <td>Chemistry:<input type= "text" value ="4" name="width" id="width"></td>      </tr>
        <tr>
            <td>Physics:<input type= "text" value ="6" name="length" id="length"></td>      </tr>
        <tr>
            <td>Math:<input type= "text" value ="4" name="thickness" id="thickness"></td>     
        </tr>
  
    </table>
    <p><in

Answer 1

Получить все входные данные, пройти их, получить там значения и pu sh в массиве. Сортируйте массив и поместите значение в нужный элемент.

var x=document.querySelectorAll('input')
var arr=[];
for(let i=0;i<x.length;i++)
arr.push(x[i].value)
arr.sort((a,b)=>a-b)
document.querySelector('p').innerHTML+=arr;

<form id="addItem">
    <table id="tblSearchTally">
        <tr>
            <td>Biology:<input type= "text" value ="1" name="plank" id="plank"></td>     
        </tr>
        <tr>
            <td>Chemistry:<input type= "text" value ="4" name="width" id="width"></td>      </tr>
        <tr>
            <td>Physics:<input type= "text" value ="6" name="length" id="length"></td>      </tr>
        <tr>
            <td>Math:<input type= "text" value ="4" name="thickness" id="thickness"></td>     
        </tr>
  
    </table>
    <button>Click</button>
    </form>
    <p id="show"></p>