如何比较段落?

时间:2016-12-31 15:46:52

标签: javascript html

我是编程新手,我希望你能帮我解决我的问题。

所以我想每当我点击按钮函数fm()都可以工作,函数fm()应该比较段落(例如,如果段落vara等于varb某些内容将写入段落匹配,否则什么都不写)。

我的问题是如何比较下面的这些段落?如果你能用尽可能简单的代码帮助我,那就太好了。

HTML

<p id="vara" ><span id="countera">0</span></p>
<p id="varb" ><span id="counterb">0</span></p>
<p id="match"></p>
<button onclick="fm()">Match</button>

的javascript

function fm(){ // what should be coded here? }

var toAdda = 1;
setInterval(function fa1() {
var counta = parseFloat(document.getElementById("countera").innerHTML);
document.getElementById("countera").innerHTML = (!isNaN(counta) == true ? counta + toAdda : toAdda) ;
}, 3000);

var toAddb = 1;
setInterval(function fb1() {
    var countb = parseFloat(document.getElementById("counterb").innerHTML);
    document.getElementById("counterb").innerHTML = (!isNaN(countb) == true ? countb + toAddb : toAddb) ;
}, 3000);

1 个答案:

答案 0 :(得分:0)

使用if语句和==运算符可以简单地实现此目的。您可以使用段落的innerText DOM值来获取其内部文本,并使用if语句对它们进行比较。这是一些代码:

&#13;
&#13;
function fm() {
  if (document.getElementById("vara").innerText == document.getElementById("varb").innerText) {
    //Write to match
    document.getElementById("match").innerText = "something";
  } else {
    //Do nothing
  }
}
&#13;
<p id="vara"><span id="countera">0</span>
</p>
<p id="varb"><span id="counterb">0</span>
</p>
<p id="match"></p>
<button onclick="fm()">Match</button>
&#13;
&#13;
&#13;

现在,如果你改变&#34; 0&#34;在任何一个段落中,它都不会打印&#34;某些东西&#34;。