Ниже приведен код, который я написал под src/assets/js/custom.js
const signUpButton = document.getElementById('signUp');
const signInButton = document.getElementById('signIn');
const container = document.getElementById('container');
signUpButton.addEventListener('click', () => {
container.classList.add('right-panel-active');
});
signInButton.addEventListener('click', () => {
container.classList.remove('right-panel-active');
});
Я получаю следующие ошибки:
custom.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
и
Uncaught TypeError: Cannot read property 'addEventListener' of null
at custom.js:5
I Я новичок в angular, поэтому не знаю, как связать js пользовательский файл.
Чтобы устранить эти ошибки, я попытался связать путь src/assets/js/custom.js в angular. json файл в script.
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"src/assets/js/custom.js"
]
и дал ссылку на скрипт в индексе. html тоже.
<body>
<app-root></app-root>
<script src="src/assets/js/custom.js">
</script>
Может кто-нибудь помочь мне в устранении вышеупомянутых ошибок?