JSFiddle - React, Tailwind, and code Playground

by jack gold

HTML

<button href="1">1</button>
<button href="2">2</button>
<button href="3">3</button>
<p>
<output class="log">***</output>
</p>

JavaScript

Elevator = {
    
    destination: "1",
    
    getFloorRequest: function(event) {
     return $(event.target).attr('href');
   },

   setFloorRequest: function(num) {
     Elevator.destination = num;
       console.log(Elevator.destination);
       $('.log').text(Elevator.destination);
   },
    
    bindEvents: function() {
        
        $('button').on('click', function(event) {
           var req = Elevator.getFloorRequest(event);
           Elevator.setFloorRequest(req);
        });
    }
    
};

Elevator.bindEvents();