בעיה בJavaScript

[saar85]

בעיה בJavaScript

היי לכולם.. אני קצת חדש בעולם הfront end, לפחות מבחינת כתיבה בJS.
יש לי בעיה קטנה. הפונקציות בJS פשוט לא עובדות. אלה אם אני קורא לפונקציה ישירות מהפקד כלומר משתמש בפקד עצמו בonclick ואז קורא לפונקציה.

אבל כשאני כותב לדוגמא את הקוד הבא אין תגובה:

document.getElementById('btnShowAbout').onclick = function () {
    if (this.innerHTML == "קרא עוד...")
        this.innerHTML = "סגור"
    else
        this.innerHTML = "קרא עוד..."
}

הרעיון של הקוד הוא בסה"כ לשנות טקסט של כפתור, אבל זה לא עובד בצורה הזו.
הקוד עצמו נמצא בתוך קובץ שנקרא myJavaScript.js ואני מצרף אותו לדף ב-head בעזרת התגית
<script src="js/myJavaScript.js" type="text/javascript"></script>
יש למישהו מושג מה יכולה להיות הבעיה?

זה הקוד של הכפתור עצמו:
<button class="btn btn-primary" id="btnShowAbout" type="button" data-toggle="collapse" data-target="#readmoreabout" aria-expanded="false" aria-controls="readmoreabout" >קרא עוד...</button>

 

[עוץליגוץלי]

בדוק במסוף השגיאות

יתכן שאתה קורא להצמדת הארוע לפני שהכפתור נוצר בDOM? נסה להכניס את הצמדת הארוע הזה לonload של הbody.

 

[saar85]

נמצאה הבעיה

העברתי את הסקריפט לסוף הbody וזה הסתדר.