Question

我是JS的新手。

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

需要帮助！

Answer 1

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

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

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

Answer 2

实现此目的的最简单方法是使用modulus operator。

将计数器初始化为-1。
点击时增加计数器，并显示值

HTML（ Live example ）：

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

JavaScript代码：

var button = document.getElementById("id-of-button");
var counter = 0;
button.onclick = function() {
    counter = (counter + 1 ) % 12; // 0, 1, 2, 3, ..., 10, 11, 0, 1, ...
    this.value = counter; // Sets the value of the button to the counter's value
};

Answer 3

试试这个。您可以根据需要更改初始number和maxNumber。

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

<强> Demo

让@Tomalak高兴的另类方法：）。

var number = 0, maxNumber = 11;
$("input").click(function(){
    number = number >= maxNumber  ? 0: number+1;
    $('#num').text(number);
});

<强> Demo

Answer 4

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

请注意，此代码的目的是初学者可读，因此没有语法快捷方式。

初学者版：

使用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;
}

HTML：

<input type="hidden" id="count" value="0" />
<input type="button" onclick="alert(next_number())" value="Click me" />

使用语法快捷方式：

使用Javascript：

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

HTML：

<input type="hidden" id="count" value="0" />
<input type="button" onclick="alert(next_number())" value="Click me" />

Javascript链开关脚本

4 个答案: