JS working when used normally but not in wordpress

I have a shortcode that prints a simple form, a button is used to submit the form. The problem is that when it’s pressed, the form gets submitted normally, ignoring the js function. I can’t understand why it’s doing this, since trying this locally on XAMPP works (I needed to change something to adapt the js code to WP, but nothing that should change its behavior.

How do I find the count of the current post?

Let’s say my custom post type is ‘story’.
I’ve got 20 stories published on my site.
So each post becomes: ‘story 1’, ‘story 2’, … ‘story 20’.
Thus, first post is ‘story 1’, and last post is ‘story 20’.
Now when I open one of these custom posts, I want to see the number. Example, if I open the ninth (published) post I want to see it mentions ‘story 9’.
I don’t want to hardcode it which I can do using ACF plugin. I want that data to be generated dynamically, just like how wordpress dynamically generates post id or slug.