Menu

איך להריץ JavaScript: קונסולת הדפדפן, Node.js ו-HTML

הדרכים המעשיות להריץ JavaScript ב-2026: קונסולת הדפדפן, תגית script בקובץ HTML, Node.js מהטרמינל, ומתי להשתמש בכל אחת.

בדף הזה יש עורכים שאפשר להריץ - לערוך, להריץ ולראות את הפלט מיד.

שלושה מקומות שבהם JavaScript רצה

JavaScript לא רצה לבד: היא צריכה סביבה מארחת שמבינה את השפה. ב-2026 יש שלוש סביבות כאלה שתשתמשו בהן בפועל:

  • דפדפן. כל דפדפן מגיע עם מנוע JavaScript (V8 ב-Chrome וב-Edge, SpiderMonkey ב-Firefox, JavaScriptCore ב-Safari). הדביקו קוד ב-DevTools והוא ירוץ.
  • Node.js. סביבת ריצה עצמאית שמאפשרת ל-JavaScript לרוץ מחוץ לדפדפן: מהטרמינל, על שרתים, בתוך כלי build.
  • עורכים אונליין ורכיבי עורך (כמו אלה שבדף הזה). מאחורי הקלעים הם פשוט אחת מהסביבות שלמעלה, עטופה בממשק אינטרנטי.

השפה זהה בכל מקום. מה שמשתנה הוא למה הקוד יכול לגשת: דפדפן נותן לכם document ו-window, ו-Node נותן לכם את מערכת הקבצים והרשת. התחילו עם מה שקל יותר במצב שלכם; תמיד אפשר לעבור.

אפשרות 1: קונסולת הדפדפן

הדרך המהירה ביותר להריץ שורת JavaScript היא קונסולת ה-DevTools של הדפדפן. פתחו דף אינטרנט כלשהו, לחצו F12 (או Cmd+Option+I ב-Mac), לחצו על הלשונית Console והקלידו:

לחצו Enter אחרי כל שורה. הקונסולה מדפיסה את ערך ההחזרה של ביטויים ואת כל מה שמעבירים ל-console.log. אפשר להגדיר משתנים, לקרוא לפונקציות ולבחון את הדף הנוכחי: document.title ייתן לכם את הכותרת של הלשונית הנוכחית.

הקונסולה מעולה בשביל:

  • לבדוק קטע קוד בשתי שניות.
  • לשחק עם ה-DOM של אתר חי.
  • לדבג קוד שכבר רץ בדף.

מה שמקלידים בקונסולה נעלם כשסוגרים את הלשונית. לכל דבר שרוצים לשמור, השתמשו בקובץ.

אפשרות 2: תגית <script> בקובץ HTML

כדי להריץ JavaScript כחלק מדף אינטרנט, שימו אותו בקובץ HTML. שמרו את זה בשם index.html ולחצו עליו לחיצה כפולה כדי לפתוח אותו בדפדפן:

<!doctype html>
<html>
  <body>
    <h1 id="title">טוען...</h1>
    <script>
      document.getElementById("title").textContent = "שלום מסקריפט";
      console.log("הסקריפט רץ");
    </script>
  </body>
</html>

התגית <script> אומרת לדפדפן "הרץ את זה כ-JavaScript". לקוד יש גישה לדף שבו הוא משובץ, כך ש-document.getElementById(...) יכול להגיע ל-<h1> שמעליו. פתחו את DevTools כדי לראות את הפלט של console.log.

לכל דבר שארוך מכמה שורות, העבירו את הקוד לקובץ נפרד וקשרו אליו:

<script src="app.js"></script>

שימו את התגית <script> קרוב לסוף ה-<body>, או הוסיפו לה defer, כדי שהיא תרוץ אחרי שה-HTML של הדף נותח. עוד על סקריפטים של מודולים וסדר הטעינה בפרק על מודולים.

אפשרות 3: Node.js מהטרמינל

כשרוצים JavaScript בלי דפדפן, סקריפט ששנה שמות של קבצים, שרת קטן או עיבוד נתונים מהיר, השתמשו ב-Node.js. התקינו אותו מ-nodejs.org (בחרו בגרסת ה-LTS), ואז בדקו שהוא עובד:

node --version

שמרו קובץ בשם script.js:

ואז, מאותה תיקייה, הריצו:

node script.js

הפלט מודפס ישירות לטרמינל. בלי HTML, בלי דפדפן, בלי שלב build. כך מתבצע רוב פיתוח ה-JavaScript ה"אמיתי" מחוץ לדפדפן: Node גם מפעיל את הכלים (bundlers, מריצי בדיקות, linters) שמקיפים פרויקט דפדפן.

אפשר גם להריץ Node בלי קובץ בכלל. פשוט הקלידו node ולחצו Enter: תקבלו שורת פקודה אינטראקטיבית (REPL) שבה כל שורה רצה ברגע שמקלידים אותה. נוח לנסות דברים, כמו קונסולת הדפדפן אבל בטרמינל.

אפשרות 4: העורך בדף הזה

כל בלוק editor-javascript ב-Coddy הוא עורך חי. ערכו את הקוד, לחצו Run וראו את הפלט. זו האפשרות הידידותית ביותר בזמן הלמידה: בלי התקנה, בלי הגדרות, בלי לעבור בין לשוניות:

שנו את "עולם" לשם שלכם והריצו שוב. זו כל לולאת המשוב: לערוך, להריץ, לקרוא את הפלט. רוב המדריך הזה בנוי סביבה.

באיזו מהן להשתמש?

בחרו את מה שמתאים למה שאתם עושים:

  • לנסות שורה אחת, או לבחון דף חי: קונסולת הדפדפן.
  • לבנות משהו שיש סביבו דף אינטרנט: קובץ HTML עם תגית <script>.
  • לכתוב סקריפט, כלי או שרת: Node.js מהטרמינל.
  • לעקוב אחרי המדריך הזה: בלוקי העורך כאן בדף.

כמה דברים שמבלבלים מתחילים:

  • לקוד ב-Node.js אין document או window. אלה דברים של הדפדפן. קריאה ל-document.getElementById(...) ב-Node זורקת ReferenceError: document is not defined.
  • לקוד בדפדפן אין גישה למערכת הקבצים שלכם. דפדפנים מבודדים דפים מטעמי אבטחה. אם רוצים לקרוא קובץ מקומי, זה כבר תחום של Node.
  • console.log עובד בשלושתן. זו פקודת "הדפס משהו" האוניברסלית של JavaScript.

סקריפט לבדיקת תקינות

הריצו את זה בסביבה שבחרתם. אם אתם רואים את שלוש שורות הפלט, אתם מוכנים לדף הבא:

שלוש יכולות בקטע קוד אחד: console.log, אובייקט Date מובנה ומתודת מערך עם פונקציית חץ. תכירו כל אחת מהן לעומק בפרקים הבאים.

הבא בתור: תחביר ונקודה-פסיק

עכשיו שהקוד באמת רץ איפשהו, השאלה הבאה היא איך נראה התחביר של JavaScript: פקודות, ביטויים והוויכוח הנצחי אם לשים נקודה-פסיק בסוף כל שורה. זה הדף הבא.

שאלות נפוצות

איך מריצים קוד JavaScript?

יש שלוש אפשרויות פשוטות. הדביקו אותו בקונסולת ה-DevTools של הדפדפן ולחצו Enter. שימו אותו בקובץ HTML בתוך תגית <script> ופתחו את הקובץ. או התקינו Node.js והריצו node script.js מהטרמינל. שלושתן מריצות את אותה שפה, הן רק עוטפות אותה בסביבות שונות.

איך מריצים קובץ JavaScript משורת הפקודה?

התקינו Node.js מ-nodejs.org, שמרו את הקוד בשם script.js, ואז הריצו node script.js בטרמינל מאותה תיקייה. הפלט של console.log(...) מודפס ישירות לטרמינל. לא צריך HTML, לא צריך דפדפן ולא צריך שלב build.

איך מריצים JavaScript ב-Chrome?

פתחו דף אינטרנט כלשהו, לחצו F12 (או Cmd+Option+I ב-Mac), ולחצו על הלשונית Console. הקלידו ביטוי כלשהו ולחצו Enter: הוא רץ מיד מול הדף הזה. זו הדרך המהירה ביותר לבדוק קטע קוד, לבחון את ה-DOM או לשחק עם אתר חי.

איור של שפות התכנות ב-Coddy

ללמוד תכנות עם Coddy

להתחיל