javascript两个按钮使用单个函数相互更改

javascript两个按钮使用单个函数相互更改,javascript,function,button,onclick,Javascript,Function,Button,Onclick,我有以下代码通过单击另一个按钮来更改一个按钮内的值,反之亦然。在这里,我使用了两个函数和两个变量。。。我想要的是使用单函数和单变量 i=1; j=1; 函数changesond(){ 如果(i==1){ document.getElementById('second').innerHTML='second changed'; i++; }否则{ document.getElementById('second').innerHTML='second Button'; 我--; } } 函数cha

我有以下代码通过单击另一个按钮来更改一个按钮内的值,反之亦然。在这里,我使用了两个函数和两个变量。。。我想要的是使用单函数和单变量

i=1;
j=1;
函数changesond(){
如果(i==1){
document.getElementById('second').innerHTML='second changed';
i++;
}否则{
document.getElementById('second').innerHTML='second Button';
我--;
}
}
函数changeFirst(){
如果(j==1){//在这里用“i”代替j。。。
document.getElementById('first').innerHTML='first changed';
j++;
}否则{
document.getElementById('first').innerHTML='first Button';
j--;
}
}
第一个按钮

第二个按钮
您可以使用单个函数,而不需要像

函数更改名(id){
var other=document.getElementById(id='first'?'second':'first');
if(/changed/i.test(other.innerHTML)){
other.innerHTML=other.innerHTML.replace('Changed','Button');
}否则{
other.innerHTML=other.innerHTML.replace('Button','Changed');
}
}
第一个按钮

第二个按钮
回答得很好!我刚刚学到了一些新东西。你能解释一下第一个解决方案中(/changed/i.test(other.innerHTML)){行的
是什么吗?@Christian这是一个正则表达式,用于检查html是否包含已更改的文本…如果是这样,我们需要用Button替换已更改的按钮谢谢,先生。这对我帮助很大