快速简便地使按钮更改变量值的方法?

时间:2017-03-16 14:17:47

标签: javascript html variables

我需要最简单,最业余的方式来制作某种按钮或链接,当按下时,它会改变变量。所以页面看起来像这样:

价值:非-A

Press here to change value to A

所以当我按下蓝色链接时,我想这样做,唯一发生的事情是Not-A更改为A.我该怎么做?

哦,我试过这个,但它不起作用:

<a var value=A href="#" onclick="var value = A">Press here to change value to A</a>
P.S:我用Google搜索过几次,但我真的无法弄清楚,我昨天开始学习javascript,抱歉。

2 个答案:

答案 0 :(得分:0)

你去吧!我能想到的最简单的解决方案,就像你要求的那样:

&#13;
&#13;
<p id="toBeOrNotToBe">To Be</p>
<button type="button" onClick="document.getElementById('toBeOrNotToBe').innerHTML='Not To Be';">Change It!</button>
&#13;
&#13;
&#13;

修改

&#13;
&#13;
var a="blahblahblah";
function showValueOfA(){
  document.getElementById("toBeOrNotToBe").innerHTML=a;
  console.log(a);
}
showValueOfA();
&#13;
<p id="toBeOrNotToBe"></p>
<button type="button" onClick="a='Yay I changed a variable!'; showValueOfA();">Change It!</button>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我还研究了如何使按钮在 HTML 中执行操作,并且我遇到了这个非常好的网站,它向您详细介绍了它是如何工作的,它确实帮助了我: https://dev.to/bastionthedev/learning-with-clicker-games-part-1-html-1i4b