index.js

const handleLogicperLift = 0;
let liftState = [];
let number = 1;
let count = 0;
let finalLever = 5665;
let nearestLiftIndex = -1;
let lastLift=1;
let i=0;
let totalLifts=0,totalFloors=0;



const handleMovement = (floorcalled, buttonPressed) => {
    if (number > totalLifts)
         number = 1;

    for (let i = 0; i < liftState.length; i++) {
        if (liftState[i].currentFloor === floorcalled && liftState[i].direction === buttonPressed) {
            liftMovementTrack(i+1, "moving", floorcalled, `${buttonPressed}`)
            liftOpen(i+1);
            setTimeout(() => {
                liftMovementTrack(i+1, "idle", floorcalled, `${buttonPressed}`);
                liftClose(i+1);
            }, 2000);
            return;
        }
        

    }

    const desiredElevator =nearestElevator(floorcalled,buttonPressed);
    const lifts = document.querySelector(`.elevators`);
    const singleLift = lifts.querySelector(`[id="${desiredElevator}"]`);
    const currentLiftNumber = desiredElevator; 
      
    singleLift.addEventListener('click', liftMovementTrack(currentLiftNumber, "moving", floorcalled, `${buttonPressed}`));

    singleLift.style.transform = `translateY(-${floorcalled * 100}px)`;
    singleLift.style.transition = `transform 2s ease`;
    
    
    setTimeout(() => {
        liftMovementTrack(currentLiftNumber, "idle", floorcalled, `${buttonPressed}`);
        liftOpen(currentLiftNumber);
        setTimeout(()=>{
            liftClose(currentLiftNumber)
        },2000);
    }, 2000);
    
};

const liftMovementTrack = (liftnumber, state, currentFloor, buttonPressed) => {
    console.log(`updating for lift number ${liftnumber}`);
    const updatedLift = liftState.map((lift) => {
        if (lift.id === liftnumber) {
            return {
                ...lift,
                state: state,
                currentFloor: currentFloor,
                direction: buttonPressed,
            };
        }
        return lift;
    });
    liftState = updatedLift;
    console.log(updatedLift);
};


const nearestElevator=(floorcalled,buttonPressed)=>{

    let nearestLift = null;
    let minDistance = 1000;
    for (let i = 0; i < liftState.length; i++) {
        if (liftState[i].state=="idle"){
        const distance = Math.abs(liftState[i].currentFloor - floorcalled);
     
         if(distance<minDistance){
            minDistance=distance;
            nearestLift=i+1;
         }
         
        }
    }
   return nearestLift;
}


const liftOpen=(currentLiftNumber)=>{
    console.log(currentLiftNumber);
    const opendoor=document.querySelectorAll('.left');
    opendoor[currentLiftNumber-1].style.width='99px';
}

const liftClose=(currentLiftNumber)=>{
    console.log(currentLiftNumber);
    const opendoor=document.querySelectorAll('.left');
    opendoor[currentLiftNumber-1].style.width='1px';
   
}


document.getElementById("liftForm").onsubmit = function(event) {
    if(count>0)
        return;
    count++;
    event.preventDefault();
    const numLifts = document.querySelector(".NofLifts").value;
    const numFloors = document.querySelector(".NofFloors").value;
    totalLifts = parseInt(numLifts, 10);
    totalFloors =parseInt(numFloors, 10);

    [...Array(totalLifts)].forEach((e, index) => {
        const eachliftDetail = {
            id: index + 1,
            state: "idle",
            currentFloor: 0,
            direction: "",
        };
        liftState.push(eachliftDetail);
    });
    

    const newFloors = document.querySelector('.space');
    for (let i = numFloors; i > 0; i--) {
        const newElement = document.createElement('div');
        newElement.innerHTML = `
            <div class="perFloor" id=${i}>
                <button id=${i} class="upButton" onclick="handleMovement(${i},'upButton')">UP</button>
                <button class="downButton" onclick="handleMovement(${i},'downButton')">DOWN</button>
                <div>Floor Number: ${i}</div>
                <div class="line"></div>
            </div>`;
        newFloors.appendChild(newElement);
    }

    const newLifts = document.querySelector('.elevators');
    for (let i = 1; i <= totalLifts; i++) {
        const newElement = document.createElement('div');
        newElement.innerHTML = `<div class="box" id=${i}><div class="left"></div></div>`;
        newLifts.appendChild(newElement);
    }
};