Javascript not working for blog Posts

Site URL: https://www.rnatranslation.com/blog

<script>
window.addEventListener("load", function () {
  
document.querySelector("a.sqs-block-button-element").innerText = "Comments";
  
});
  
</script>

Is the code I would like to use to change the comments in the comment section of the blog post

Usually selecting items on other pages like the home page with this exact same process of selection works

But for some reason it doesn't work for blog posts?

The CSS I have seems to work just fine

I apologise as the blog posts are unpublished currently 

Thank you in advance for any assistance

Hi,

I'm having trouble understanding what exactly you're trying to do. Could you give more details about what you're trying to achieve? Or the desired appearance.

Thanks,

Dan

Sorry the code was a template from another page that I was hoping to use as an example

<script>
window.addEventListener("DOMContentLoaded", function () {
  
  document.querySelector("h3.comment-count").innerText = "Comments";
  
});
</script>

I just want to change comments [0] to comments and remove the number on load. The problem is I can't select the element in blog post entries for some reason but with that same code template I can on pages like the home page