javascript - 根据 innerHTML 显示/隐藏 HTML 元素

Question

我正在使用以下一小段 Javascript 对两个变量进行基本计算，然后使用 innerHTML 显示该值。我的 javascript 知识有限，因此我需要帮助将其组合在一起。

<script>
 var f = "<?php echo $row_rsFormData['total_flats']; ?>";
 var c = "<?php echo $row_rsCount['count']; ?>";
 var r = Math.round(f / 2) - c
 document.getElementById("remaining").innerHTML = r;
</script>

我想根据“var r”的值显示不同的元素

如果变量 r = 0

我想显示这个:

<p class="qualify">You have a sufficient amount of leaseholders to qualify for Right to Manage</p>

如果变量 r > 0

我想显示这个:

<p class="count">You need <span id="remaining"></span> more consenting leaseholders to qualify</p>

我意识到这对大多数人来说很简单......所以请友善。

提前致谢

Answer 1

我不敢相信这个问题还没有得到答复。由于问题的标签都是客户端，所以我有一个客户端解决方案:

<script>
 var f = "<?php echo $row_rsFormData['total_flats']; ?>";
 var c = "<?php echo $row_rsCount['count']; ?>";
 var r = Math.round(f / 2) - c
 document.getElementById("remaining").innerHTML = r;
 if(r = 0)
 {
  $('#quality').show();
 }
 if(r > 0)
 {
  $('#count').show();
 }
</script>

向两个标签添加 id 属性:

<p id="qualify" class="qualify">You have a sufficient amount of leaseholders to qualify for Right to Manage</p>

<p id="count" class="count">You need <span id="remaining"></span> more consenting leaseholders to qualify</p>

最初将它们隐藏在 CSS 中:

#quality, #count
{
 display:none;
}

我希望这会有所帮助。