JavaScript

I'm building an application with node.js, and I'm facing a problem connecting javascript or jquery with my node backend APIs. as an example: I can not do import to my controller APIs folder for the javascript or ajax, I tried to do ( type='modle') in config but it make it worse, show me errors for all my (require), so if there's an easy way to connect my scripts with my APIs I will be glad to you guys. even Axios (import axios from 'axios';) did not work with me. and I'm using pug template.

let elements;
let element_text;
let artistname = 'Hans Zimmer';
let spotify_window = window.open('https://open.spotify.com/search/Hans%20Zimmer');

//I thought it's becaue the window hadn't loaded, but it didn't work
setTimeout(function () {
}, 5000);

elements = spotify_window.document.querySelectorAll('._45331a50e3963ecc26575a06f1fd5292-scss._3957b7dd066dbbba6a311b40a427c59f-scss:not(.good-one)');
alert(elements[0]);
//always undefine which is wrong

for (let element of elements) {
    element_text = element.innerText;
    if (element_text == artistname) {
        element.click();
        break;
    }

    element.classList.add('good-one');

}

let elements;
let element_text;
let artistname = 'Hans Zimmer';

elements = document.querySelectorAll('._45331a50e3963ecc26575a06f1fd5292-scss._3957b7dd066dbbba6a311b40a427c59f-scss:not(.good-one)');
alert(elements[0]);
//always undefine which is wrong

for (let element of elements) {
    element_text = element.innerText;
    if (element_text == artistname) {
        element.click();
        break;
    }

    element.classList.add('good-one');

}

allowOnly2Decimals: function (e1, event) {                
                var boxId = '#' + event.path[0].id;

                if ((event.keyCode == 190) || (event.keyCode == 110)) {
                    this.decimalPressed = true;
                }

                if (this.decimalPressed) {
                    var t = e1.toString().split('.');

                    if (t[1] != null) {
                        if (t[1].length == 2) {
                            this.limitDecimal = e1;                           
                            $(boxId).val(e1);
                        }

                        if (t[1].length >= 2) {
                            e1 = this.limitDecimal;
                            $(boxId).val(e1);

                            return false;
                        }
                    }
                }                          
            }

@ model IEnumerable<WebAppV2.Models.CalendarEvent>

<script>

    document.addEventListener('DOMContentLoaded', function () {
        var calendarEl = document.getElementById('calendar');

      var json = @ Html.Raw(Json.Serialize(@ Model));

        var calendar = new FullCalendar.Calendar(calendarEl, {
            initialDate: '2021-01-01',
            editable: false,
            selectable: false,
            businessHours: true,
            dayMaxEvents: true,
            events: [

                {
                    title: json[0].title,
                    start: json[0].start,
                    end: json[0].end
                },

                {
                    title: json[1].title,
                    start: json[1].start,
                    end: json[1].end
                },

                {
                    title: json[2].title,
                    start: json[2].start,
                    end: json[2].end
                },

            ]
        });

        calendar.render();
    });

</script>