javascript - 如何比较段落？

Question

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

所以我想每当我单击按钮时，函数 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);

Answer 1

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

function fm() {
  if (document.getElementById("vara").innerText == document.getElementById("varb").innerText) {
    //Write to match
    document.getElementById("match").innerText = "something";
  } else {
    //Do nothing
  }
}

<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>

现在，如果您更改任一段落中的“0”，它将不会打印“something”。