console.log returns NaN 其中应该有一个数字。 Javascript - 网络开发

Question

我对此很陌生，如果我没有理解所有正确的条款，我深表歉意。

我正在尝试创建一个内容滑块，当按下一个按钮时，一堆图像会在屏幕上移动一定数量的像素，为此（我正在小步工作）我正在尝试创建一个简单的计数器，希望稍后用于创建滑块。

当按下 left/right 按钮时，控制台 returns '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;
   }

console.log returns NaN 其中应该有一个数字。 Javascript - 网络开发

console.log returns NaN where there should be a number. Javascript - webdevelopment

javascript

counter

button

nan