Javascript链切换脚本

我是JS的新手

我正在尝试制作一个简单的按钮，它将数字从0切换到11。所以，若当前的数字是11，那个么下一个数字（点击按钮后）应该是0。某种数字链

需要帮助

var电流=0；
var current = 0;
function shift(){
   current = current < 11? current +1: 0;
}

<input type="button" value="change" onclick="shift()" />

函数移位（）{
电流=电流<11？电流+1:0；
}

如果有什么你不明白的，就问吧。

var current=0；
函数移位（）{
电流=电流<11？电流+1:0；
}

---

如果你有什么不明白的地方，就问吧。

最简单的方法是使用

将计数器初始化为-1

单击时增加计数器，并显示值

HTML（）：

---

实现这一点的最简单方法是使用

将计数器初始化为-1

单击时增加计数器，并显示值

HTML（）：

---

试试这个。您可以根据需要更改初始的

number

和

maxNumber

var number = 0, maxNumber = 12;
$("input").click(function(){
    $('#num').text((number++)%maxNumber);
});

另一种让@Tomalak开心的方法：）

---

试试这个。您可以根据需要更改初始的

number

和

maxNumber

var number = 0, maxNumber = 12;
$("input").click(function(){
    $('#num').text((number++)%maxNumber);
});

另一种让@Tomalak开心的方法：）

---

以下是一个适合初学者理解的脚本，它不使用特殊框架：

注意，这段代码的目的是让初学者可读，因此没有语法捷径

初学者版本：

<input type="button" id="id-of-button" value="0" />

Javascript:

function next_number(){
  var $count;                                //declare the variable
  $count = document.getElementById("count"); //cache the object holding the count
  if ($count.value == 0) {                   //logic to swap numbers
    $count.value = 11;
  }
  else {
    $count.value = 0;
  }
  return $count.value;
}

function next_number(){
  var $count; $count = document.getElementById("count"); 
  $count.value = ($count.value == 0)?11:0;
  return $count.value;
}

HTML:

HTML:

---

以下是一个适合初学者理解的脚本，它不使用特殊框架：

注意，这段代码的目的是让初学者可读，因此没有语法捷径

初学者版本：

<input type="button" id="id-of-button" value="0" />

Javascript:

function next_number(){
  var $count;                                //declare the variable
  $count = document.getElementById("count"); //cache the object holding the count
  if ($count.value == 0) {                   //logic to swap numbers
    $count.value = 11;
  }
  else {
    $count.value = 0;
  }
  return $count.value;
}

function next_number(){
  var $count; $count = document.getElementById("count"); 
  $count.value = ($count.value == 0)?11:0;
  return $count.value;
}

HTML:

HTML:

请显示您目前拥有的代码。请显示您目前拥有的代码。单击9007199254740992后，此操作将停止工作。：）我想知道，这么多次点击需要多少时间：）。是的，我们可以编写一个不同的逻辑来重新初始化

number

变量。我想知道在这个过程中有多少鼠标会磨损警告：

number

变量不反映输入值。单击9007199254740992后，该变量将停止工作。：）我想知道，这么多次点击需要多少时间：）。是的，我们可以编写一个不同的逻辑来重新初始化

number

变量。我想知道在这个过程中有多少鼠标会磨损警告：

number

变量不反映输入的值。不要鼓励使用未声明的变量。嗨，Rob，我删除了未声明的变量以简化，它不是真正需要的。您应该缓存

文档。getElementById（“count”）

变量。还有，更重要的是，你必须增加值。嗨，Rob，他只是想在0和11之间切换，这就是代码的作用。你能解释一下缓存count变量是什么意思吗？将

document.getElementById（'count'）

存储在一个变量中，例如：

var counter=document.getElementById（'count'）；count.value=count.value==0？11 : 0;返回count.value

（缓存部分是

var count=…

和

count.value=…

。不要鼓励使用未声明的变量。嗨，Rob，我删除了未声明的变量以简化，它不是真正需要的。您应该缓存

文档。getElementById（“count”）

variable。另外，更重要的是，你必须增加值。嗨，Rob，他只是想在0和11之间切换，这就是代码的作用。你能解释一下缓存count变量的意思吗？将

document.getElementById（'count'）

存储在变量中，例如：

var counter=document.getElementById（'count'））；count.value=count.value==0？11:0；返回count.value；

（缓存部分是

var count=..

和

count.value=..

。有趣的是，你说从-1初始化计数器，但你没有这样做。；）@Tomalak发现得很好。我选择在零处初始化，因为按钮上已经显示了零的初始值。如果按钮的初始值也是由脚本设置的，那么计数器必须从

-1

处开始。代码和解释都可以，只是不匹配而已。：）有趣的是，你说要从-1初始化计数器，但你没有这样做。；）@托马拉克很漂亮。我选择在零处初始化，因为按钮上已经显示了零的初始值。如果按钮的初始值也是由脚本设置的，那么计数器必须从

-1

开始。实际上，代码和解释都可以，只是它们不匹配。：）