script.js

// console.log("Hello");
// window.console.log("Hello worlds1");

// console.dir(document);
// console.dir(document.body.childNodes[3].innerText = abcd);
// console.dir(document.head);

// document.body.childNodes[1].innerText = 'abcd';

// let heading = document.getElementById("heading");
// console.dir(heading);


// let headings = document.getElementsByClassName("header");
// console.dir(headings);
// console.log(headings);
// let elements = document.getElementsByTagName('p');

// let ele = document.querySelector(".header");
// console.dir(ele);
// let allEle = document.querySelectorAll(".header");
// console.dir(allEle);

// let firstEle = document.querySelector("p");

// console.log(firstEle.tagName);
// console.log(firstEle.childNodes);
// console.log(firstEle.nextSibling);

//parent + child + siblings for each node
// console.dir(document.body.firstElementChild);

// let oldHeading = document.querySelector("h1");
// let click = true;
// let temp = oldHeading.innerHTML;
// let count = '1';
// let button = document.querySelector("button");  

// button.addEventListener("click", () => {
//     // if(click) {
//     //     click = false;
//     //     oldHeading.innerHTML = "Hello JavaScript from Mritunjay Tiwari";
//     // } else {
//     //     oldHeading.innerHTML = temp;
//     //     click = true;
//     // }
    
//     oldHeading.innerHTML = temp + count + " Times";
//     count++;    
// })

let arr = [];
let n = prompt("Enter the Size of the Array");
let oldHeading = document.querySelector("h1");
let sortedArray = document.getElementById("sorted");
oldHeading.innerHTML = "Unsorted Elements = [ ";
for(let i =0; i<n; i++) {
    arr[i] = Number(prompt("Enter the Element :"));
    oldHeading.innerText = oldHeading.innerText + ` ${arr[i]},`;
}

oldHeading.innerHTML = oldHeading.innerHTML + "]";

let button = document.querySelector("button");

button.addEventListener("click", () => {
    arr = sorter(arr, n);
    // displayCorrected(arr, n);
    sortedArray.innerHTML = "Sorted Elements = [ ";
    for(let i =0; i<n; i++) {
        sortedArray.innerHTML = sortedArray.innerHTML + ` ${arr[i]},`;
    }
    sortedArray.innerHTML = sortedArray.innerHTML + "]";
})

function sorter(arr, n) {
    for(let i =0; i<n; i++) {
        for(let j = i + 1; j<n; j++) {
            if(arr[i] > arr[j]) {
                let temp = arr[i];
                arr[i] = arr[j];
                arr[j] = temp;
            }
        }
    }

    return arr;
}