如何使用呼叫功能制作几个按钮都能正常工作

时间:2018-03-08 15:51:38

标签: javascript html button call

我尝试使用多个按钮,每个按钮都有一个单独的调用功能,但是所有按钮都执行相同的操作,或者根本不执行任何操作。 所以这是我的第一个按钮:

configurations.all {
    resolutionStrategy {
        implementation 'com.android.support:design:27.1.0'
    }
}

这是它的脚本:

<button id="study" onclick="call();">Study</button>

这很好用。但是当我放入第二个按钮时:

var callCount = 0;

function one() {
   changeImage1('Call one');
   {
    var img = document.getElementById("image");
    img.src="images/tumblr_dash.gif";
   document.getElementById("action").innerHTML = "You have decided to study";
   }
}

function two() {
   changeImage2('Call two');
   {
   var img = document.getElementById("image");
   img.src="images/tumblr_dash.gif";
   document.getElementById("action").innerHTML = "You have decided to start studying in a minute";
   }
}
function three() {
   changeImage3('Call three');
   {
   var img = document.getElementById("image");
   img.src="images/study.gif";
   document.getElementById("action").innerHTML = "You are currently studying";
   }
}

function call(){
  callCount++;
  var btn = document.getElementById('study');
   if(callCount == 1) one();
   else if(callCount == 2) two();
  else if(callCount == 3) three();
  else btn.disabled = true;

  //callOne = false /*!callOne;*/
}

哪个有这个脚本:

<button id="eat" onclick="call1();">Eat</button>

它执行与第一个按钮相同的功能,而不是执行我要求的功能。我已经尝试更改ChangeImage函数的数量,但它什么都不做我如何修复它?

1 个答案:

答案 0 :(得分:0)

功能call1()调用one() two()three()而不是one1() two1()three1()。这可能是问题所在。