הנך נמצא: מדריך בסיסי / שיעור 4 / דף 6
 


המדריך של תאו ל- JavaScript
 


דפים בשיעור זה:
1: הקדמה לשיעור 4
2: מבוא ללולאות
3: לולאות סיסמא
4: עוד על לולאות while
5: לולאות for
6: לולאות מקוננות
7: תרגילי לולאות
8: מערכים
9: מערכים ולולאות
10: מערכים ב- DOM
11: פונקציות
12: פונקציות void
13: פרמטרים
14: פונקציות פרמטרים
15: תרגול פונקציות
16: סיכום שיעור 4
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|

שיעור 4

דף 6: לולאות מקוננות.

הנה הקוד:


var height = prompt("How high do you want the grid? (1-10 is good)","10");
var width= prompt("How wide do you want the grid? (1-10 is good)","10");
var a_line;
var new_window = window.open("Files\Grid.html","looper","width=400,height=400");
new_window.document.writeln("<h1>A Grid</h1>");
for (height_loop = 0; height_loop < height; height_loop++)
{
  a_line = "";
  for (width_loop = 0; width_loop < width; width_loop++)
  {
    a_line+="x";
  }
  new_window.document.writeln(a_line + "<br>");
}
                

אחרי ביקוש הגובה והרוחב הרצויים, פתיחת חלון חדש, וכתיבת כותרת עליונה, אנחנו נכנסים ללולאות ה-for. לולאת ה-for הראשונה מציבה ""=a_line. נסה להריץ את הקוד בלי שורה זו ותראה מה מתרחש. אחרי אתחול a_line, ה- script פונה ללולאת for אחרת, על מנת לבנות שורה של x-ים, רחבה ככל שמתבקש, והדפסתה בחלון החדש. זה קורה height פעמים.

טוב, המשימה שלך היינה עשיית הדבר הבא בעצמך, לפני שתעיין בקוד על מנת לראות איך זה מתבצע.

חזור לתחילת הדף

לדף הבא «--

 
       
       
   
 
 

עמוד ראשי
מדריך בסיסי
מדריך מתקדם
החלפת תמונות
גניבת קוד
מפת האתר