Question

我正在尝试将两个按钮并排放置当点击时，应该说＆＃34;我正确＆＃34;而另一个说'＃34;不是我的权利！＆＃34;

<button id="right" type="button">Click Me!</button>
<button id="wrong" type="button">Click Me!</button>

这是我的Html。

我是Javascript的新手，所以我在将它们放在一个函数中时遇到了一些麻烦。

 document.getElementById("right").addEventListener("click", function(){
               alert("I am Right!");
  });
 document.getElementById("wrong").addEventListener("click", function(){
               alert("No,I'm Right!");
  });

而不是发出警告我希望点击该按钮后会更改该文字。

Answer 1

＆＃13;

function swapText(buttonClicked){
  
  var button1 = document.getElementById('button1');
  var btn1Output = document.getElementById('btn1Output');
  var btn2Output = document.getElementById('btn2Output');
  
  if (buttonClicked == button1){
    btn1Output.innerHTML = "I'm right.";
    btn2Output.innerHTML = "No, I'm right.";
  } else {
    btn1Output.innerHTML = "No, I'm right.";
    btn2Output.innerHTML = "I'm right.";
  }
}

＆＃13;

button, div {
  display: inline-block;
  width: 45%;
  height: 50px;
}

＆＃13;

<button onclick="swapText(this)" id="button1">Click</button>
<div id="btn1Output"></div>
<button onclick="swapText(this)" id="button2">Click</button>
<div id="btn2Output"></div>

＆＃13;

Answer 2

<script>
  function myFunction(isRight) {
    if(isRight) {
      alert('It is right button');
    } else {
      alert('It is left button');
    }
  }
</script>

<button class="left" onclick="myFunction(false)">Left</button>
<button class="right" onclick="myFunction(true)">Right</button>

您可以使用类似的样本。但我建议您查看addEventLister和Event Object它看起来不错。

尝试使用两个并排按钮，在单击时更改文本

2 个答案: