JavaScript & Page-Specific Assets

I rewrote like button script from jQuery to vanilla JS and FetchAPI:

document.addEventListener('DOMContentLoaded', function(){
    document.querySelector('.js-like-article').addEventListener('click', function(e){
        e.preventDefault();

        var anchor = e.currentTarget;
        anchor.classList.toggle('fa-heart-o');
        anchor.classList.toggle('fa-heart');

        fetch(anchor.href, {method: 'POST'})
            .then(function(response){
                return response.json();
            })
            .then(function(data){
                document.querySelector('.js-like-article-count').innerHTML = data.hearts;
            });
    });
});

FYI you don't have to call toggle Class twice. This will toggle both classes:

$link.toggleClass('fa-heart-o fa-heart');

It's also possible to write

var $link = $(this); <u>instead of</u> var $link = $(e.currentTarget);

My whole file at the end of the video looks like this:

// article_show.js
$(document).ready(function () {
    $('.js-like-article').on("click", function(e) {        
        var $link = $(this);
        $link.toggleClass('fa-heart-o fa-heart');

        $('.js-like-article-count').html('test');

        e.preventDefault();
    });
});

Hello! I'm trying to deploy an application in a subfolder. I'm using a .htaccess generated by symfony/apache-pack. In this way everything works except the loading of the css and js files located in a /public/assets/css folder which are rewritten on www.dominio.it/assets/css/... instead of www.dominio.it/newfolder/ap...... how can I correct this? In the Twig templates I'm using the asset() function as suggested. Thanks for your help

my heart icon (fa fa-heart-o) never shows up... even before making the javascript additions. Am I missing something in moving the font or cs files?
UPDATE: found issue... there is an extra ' in the line where the font awesome css file is loaded!!

nope/
it isn't working. dang.... I can't find it.... I have reviewed, rewritten, and research many times. but it will not work. I really hate abandon this... It's wasting my time...
can anyone help?
Unexpected token "end of template" of value "" ("end of statement block" expected).
Exception {% block javascripts %} {{ parent() }} <script src="{{ asset('js/article_show.js') }}"></script>{% endblock %}

No subtitle here ? :(

the love heart does not appear with 'TEST', after the heart icon is clicked on?