Lift Operations

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id="currentPosHTML"></div>
            <div id="updisplay"></div>
            <div id="downdisplay"></div>
            <div id="floors">
                    <button class="floorbuttons">1</button>
                    <button class="floorbuttons">2</button>
                    <button class="floorbuttons">3</button>
                    <button class="floorbuttons">4</button>
            </div>

JavaScript

var liftArray = [];
 var liftCurrentPosition = 1;
var refreshIntervalId;

$(document).ready(function(){
    
   
    $("#currentPosHTML").text(liftCurrentPosition);
    
});
$(".floorbuttons").click(function(){
    
       $(this).attr("disabled", true);
    var selectedfloor = parseInt($(this).text());
    console.log(selectedfloor);
          if (liftArray == 0) {
              refreshIntervalId =  setInterval(function () {
                movelift();
              }, 10000);
        }
    if(liftArray == 0 || selectedfloor!=liftArray[liftArray.length-1]){
                liftArray.push(selectedfloor);
        

    }
});

function movelift(){
    
    var value = liftArray.shift();
    if (!value) {
        clearInterval(refreshIntervalId);
        return;
    }
              
    $("#currentPosHTML").text(value);
    liftCurrentPosition = value;
    $(".floorbuttons").each(function(){
        if($(this).text() == liftCurrentPosition){
            $(this).attr("disabled",false);
        }
    });
    
 };