Как сравнить параграфы?

Question

im новое для программирования, и я хочу, чтобы вы могли помочь мне с моей проблемой.

поэтому я хочу, чтобы всякий раз, когда я нажимаю кнопку, функция 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 заявление, и == оператора. Вы можете использовать значение 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» в рамках любой из пунктов, он не будет печатать «что-то».