Question

我遇到这种情况：

var g = 16;

function up() {
  g++;

  document.getElementById('up').innerHTML = g;

  if (g == 30) g = 16;

  return;
}

<input type="button" onclick="up();" value="up" />
<input type="button" onclick="down();" value="down" />
<div id="up"></div>

我希望通过17到30之间的向下和向上按钮来管理增加和减少相同的数字。

Answer 1

您的代码中存在以下几个问题：

您正在使用innerHTML代替value input元素。
您需要在id和input

up

down

您还缺少down功能

＆＃13;

var g=16;

function up()
{
  g++;
  document.getElementById('up').value = g;
  if(g==30) g=16;
  return;
}
function down()
{
  g--;
  document.getElementById('down').value = g;
  if(g==15) g=30;
  return;
}

＆＃13;

<input id="up"type="button" onclick="up();" value="up" />
<input id="down"type="button" onclick="down();" value="down" />

＆＃13;

Answer 2

您的代码有效，只需要实现向下功能。

这是另一种只使用一个功能的方法

var span = document.getElementById("number")
var number = 17
function change(dir){
  span.innerHTML = dir ? ++number > 30 ? 16 & ( number = 16 ) : number : --number < 16 ? 30 && ( number = 30 ) : number 
}

<span id="number">17</span>
<button onclick="change(1)">up</button>
<button onclick="change(0)">down</button>

Answer 3

就是这样：

＆＃13;

<script>
	
var g = 23;

function up() {
	if (g < 30) {
		g++;
		document.getElementById('up').innerHTML = g;
	}
}	
function down() {
	if (g > 17) {
		g--;
		document.getElementById('up').innerHTML = g;
	}
}	
	
</script>	
	
<input type="button" onclick="up();" value="up" />
<input type="button" onclick="down();" value="down" />
<div id="up">23</div>

＆＃13;

Answer 4

1）附上＆amp;向下按钮功能

2）相应地增加或减少

3）检查更低和更低更高的价值

 var g=16;
function upOrDown(isUp) {
  g = isUp? (++g>30?30:g):(--g<17?17:g)
  document.getElementById('up').innerHTML = g;
  return;
}

<input type="button" onclick="upOrDown(true);" value="up" />
<input type="button" onclick="upOrDown(false);" value="down" />
<div id="up"></div>

Answer 5

var showAns = document.getElementById("showAns");
var number = 17
function add(value){
    var sum = number + value;
    if (sum > 16 && sum < 31 ) {
        number = sum;
    }
    showAns.innerHTML = number;
}

<div id="showAns">17</div>
<button onclick="add(1)">up</button>
<button onclick="add(-1)">down</button>

Answer 6

var score = 17
function up(){
  if(score < 30 ){
    score ++;
  }
  document.getElementById("result").innerHTML = score;
}

function down(){
  if(score > 17 ){
    score --;
  }
  document.getElementById("result").innerHTML = score;
}

<div>
  <button onclick="up()">up</button>
  <button onclick="down()">down</button>
  <p id="result"></p>
<div>

使用javascript和上下两个按钮增加和减少数量

6 个答案: