I am facing an issue with my JavaScript script. Even though I have experience in programming with JavaScript before, this problem seems to be new. I am currently working on a website using Angular and JavaScript, but it's not functioning properly. Firstly, when I try to include <script></script> in the component template, it doesn't run at all. Another problem is that I had to link an external script in the index file, which looks like this:
$(window).load(function()
{
$(".home_page_well").css({opacity:0.5});
$("#system_epop_h6").hide();
$("#kto_moze_korzystac_h6").hide();
$("#co_zrobic_uzytkownik_h6").hide();
});
The HTML structure appears as follows:
<div class="col-sm-12 well home_page_well system_epop">
<img src="assets/img/question_mark.png" alt="Co to jest?" class="img-rounded home_img center-block"/>
<h4>
CZYM JEST SYSTEM EPOP?
</h4>
<h6 id="system_epop_h6">
System EPOP jest platformą pozwalającą na łatwy dostęp do wszystkich danych, które posiada przychodnia. Upraszcza także rejestrację do lekarza
</h6>
</div>
<div class="col-sm-12 well home_page_well kto_moze_korzystac">
<img src="assets/img/question_who.png" alt="question_who" class="img-circle home_img center-block"/>
<h4>
KTO MOŻE KORZYSTAĆ Z EPOP?
</h4>
<h6 id="kto_moze_korzystac_h6">
Wszyscy pacjenci przychodni a także jej pracownicy.
</h6>
</div>
<div class="col-sm-12 well home_page_well co_zrobic_uzytkownik">
<img src="assets/img/palm_shake.png" alt="palm_shake" class="img-circle home_img center-block"/>
<h4>
CO ZROBIĆ, ABY STAĆ SIĘ UŻYTKOWNIKIEM SYSTEMU
</h4>
<h6 id="co_zrobic_uzytkownik_h6">
Należy się zarejestrować poprzez panel pacjenta, lub zadzwonić do przechodni wtedy wszystkie operacje przeprowadzi wykwalifikowany personel.
</h6>
</div>
For further reference, you can view the Bootply here: http://www.bootply.com/oeHSnaPyCZ
To see the site on which everything is based, visit:
Your assistance in resolving why my script doesn't run in the component template URL would be greatly appreciated. Thank you in advance :)