He hecho este programa para ordenar la matriz e imprimir el resultado de forma correcta. He intentado mucho pero no obtengo lo que está mal en mi código. ¿Alguien puede guiarme qué cambios debo hacer en html/js para imprimir el resultado de forma correcta?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="screen-body-item"> <div class="app-form"> <div class="app-form-group"> <input type="text" class="app-form-control" placeholder="enter size" id="size"> <input type="text" class="app-form-control" placeholder="enter element" id="ele"> <input type="button" value="submit" class="app-form-button" onclick="mainfunc()"> <h3> Bubble sort</h3> <div class="app-form-group showdata" id="showData_bubble"> </div> <div class="app-form-group showdata" id="passes_bubble"> </div> <div class="app-form-group showdata" id="swaps_bubble"> </div> //javascrpt sorting function(I haven't mentioned input function here) //mainfunc() //bubble sort var noofpasses_bubble = 0, noofswaps_bubble = 0; for (let i = 0; i < size; i++) { noofpasses_bubble++; for (var j = 0; j < (size - i - 1); j++) { if (inputArray[j] > inputArray[j + 1]) { var temp = inputArray[j] inputArray[j] = inputArray[j + 1] inputArray[j + 1] = temp noofswaps_bubble++; } document.getElementById('showData_bubble').innerHTML = `Result after pass ${i+1} is ${inputArray}` } document.getElementById('passes_bubble').innerHTML = `Number of passes(b) are ${noofpasses_bubble} document.getElementById('swaps_bubble').innerHTML = Número de swaps(b) son ${noofswaps_bubble}`
}