需要点击两次输入才能看到结果

Question

我编写了一个函数来获取页面上特定id的标签数量，但需要在输入上单击两次才能显示结果。实际过滤在第一次单击时起作用，但是如果我在页面重新加载后再次单击相同的输入，则仅显示刷新结果的数量。下面是我用来指定函数然后调用它的代码。任何见解都会有所帮助。

function elementCount(){
var x = document.querySelectorAll('.box-shodow-container').length;
var y = x - 1;
document.getElementById('resource-count').innerHTML=y;

}
<input type="checkbox"  onClick="elementCount()" value="Ask the Expert" name="apf" class="checkbox-primary"   />