console.log возвращает NaN там, где должно быть число. Javascript - веб-разработка

Question

Я действительно новичок в этом, извините, если я не понял всех правильных условий.

Я пытаюсь создать ползунок контента, где при нажатии кнопки группа изображений перемещает определенное количество пикселей по экрану, для этого (я работаю маленькими шагами) Я ' m пытаюсь создать простой счетчик в надежде, что он будет использован позже для создания слайдера.

При нажатии кнопок влево / вправо консоль возвращает «NaN» Большое спасибо за помощь! :)

Мой код:

   // Slider
var leftSliderMovement = 0;
var rightSliderMovement = 0;

// Slider Button Left 
   function sliderLeft() {
    //  leftSliderMovement = document.getElementById('sliderLeft').style.left;
      console.log('number of left clicks' + leftSliderMovement);
      leftSliderMovement += 1;
      }
   
 //Slider Button Right 

   function sliderRight(){
     // document.getElementById('sliderRight').style.right;
      console.log("number of right clicks "+rightSliderMovement);
      rightSliderMovement += 1;
   }

<button type="button" id="sliderLeft" onclick = "sliderLeft()">LEFT</button>
<button type="button" id="sliderRight" onclick="sliderRight()">RIGHT</button>

Answer 1

Надеюсь, это поможет

   // Slider
var leftSliderMovement = 0;
var rightSliderMovement = 0;

// Slider Button Left 
   function sliderLeft() {
    
      console.log('number of left clicks ' + leftSliderMovement);
      leftSliderMovement += 1;
      document.getElementById('sliderLeft').style.left = leftSliderMovement;
      }
   
 //Slider Button Right 

   function sliderRight(){
    
      console.log("number of right clicks "+ rightSliderMovement);
      rightSliderMovement += 1;
      document.getElementById('sliderRight').style.right = rightSliderMovement;
   }