JSFiddle - React, Tailwind, and code Playground

by masaab algailani

HTML

<button id="myButton">Click Me</button>
     <span id="arrayAnswer"></span>

JavaScript

var item = document.getElementById("myButton");
item.addEventListener("click", myFunction);
function myFunction() {
    var myItems = [7, 2, 4, 8, 1, 1, 6, 7, 4, 3, 1];
    var previousItem;
    var currentItem;
    var currentLargest;
    for (var i = 0; i < myItems.length; i++) {
        currentItem = myItems[i];
        if (i == 0) {
            previousItem = myItems[0];
            currentItem = myItems[0];
            myItems[i] = NaN;
        }
        else {
            if (currentItem < previousItem) {
                myItems[i] = previousItem;
                currentLargest = previousItem;
            }
            if (currentItem > currentLargest) {
                currentLargest = currentItem;
                myItems[i] = NaN;
            }
            else {
                myItems[i] = currentLargest;
            }
            previousItem = currentItem;
        }
    }
    var stringItems = myItems.join(",");
    document.getElementById("arrayAnswer").innerHTML = stringItems;
}