תוכנית ב-java script - תכנות - HWzone פורומים
עבור לתוכן
  • צור חשבון

תוכנית ב-java script


skywalker13

Recommended Posts

שלום נתנו לי לבנות תוכנית (תרגיל מספר) שמציגה על המסך טבלה בגודל 6X6

גובה כל תא 30 נקודות ורוחבו 30 נקודות

צבע התאים בעמודות (משמאל לימין) הוא: אדום, כחול, צהוב, ירוק, אפור, ורוד.

בשורה הראשונה רק תא אחד צבוע (התא השמאלי ביותר), בשורה השנייה רק שני תאים צבועים (השמאליים ביותר) וכך הלאה, עד שבשורה השישית כל התאים

צבועים.

ניסיתי ולא בדיוק הצלחתי, הנה מה שכתבתי:

<html>

<head>

<title>6-05</title>

<script language="javascript">

var i ;

var j ;

document.write("<table border='1' cellpadding='3'") ;

for ( i = 0 ; i <= 5 ; i++ )

{

document.write("<tr height='30'>") ;

for ( j = 0 ; j <= 5 ; j++ )

{

if ((j < 1)&&(i < 6))

{

{

document.write("<td width='30' bgcolor='red'>" + "<br />" + "</td>");

}

if ((j < 2)&&(i > 0))

{

document.write("<td width='30' bgcolor='blue'>" + "<br />" + "</td>");

}

if ((j < 3)&&(i > 1))

{

document.write("<td width='30' bgcolor='yellow'>" + "<br />" + "</td>");

}

if ((j < 4)&&(i > 2))

{

document.write("<td width='30' bgcolor='green'>" + "<br />" + "</td>");

}

if ((j < 5)&&(i > 3))

{

document.write("<td width='30' bgcolor='gray'>" + "<br />" + "</td>");

}

if ((j < 6)&&(i > 4))

{

document.write("<td width='30' bgcolor='pink'>" + "<br />" + "</td>");

}

}

else

document.write("<td width='30'>" + "<br />" + "</td>");

}

document.write("</tr>");

}

document.write("</table>");

</script>

</head>

<body>

</body>

</html>

קישור לתוכן
שתף באתרים אחרים

<html>

<head>
<title>6-05</title>
<script type="text/javascript">
var i ;
var j ;
var colors = new Array();
colors[0] = "red";
colors[1] = "blue";
colors[2] = "yellow";
colors[3] = "green";
colors[4] = "gray";
colors[5] = "pink";
document.write("<table border='1' cellpadding='3'") ;
for ( i = 0 ; i <= 5 ; i++ ){
document.write("<tr height='30'>") ;
for ( j = 0 ; j <= i ; j++ ){
document.write("<td width='30' bgColor="+colors[j]+">" + colors[j] + "</td>");
}
for ( j = j ; j <= 5 ; j++ ){
document.write("<td width='30'>" + "<br />" + "</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</head>

<body>

</body>

</html>

קישור לתוכן
שתף באתרים אחרים

עובד כמו גדול

<html>

<head>
<title>6-05</title>
<script type="text/javascript">
var i ;
var j ;
var colors = new Array();
colors[0] = "red";
colors[1] = "blue";
colors[2] = "yellow";
colors[3] = "green";
colors[4] = "gray";
colors[5] = "pink";
document.write("<table border='1' cellpadding='3'") ;
for ( i = 0 ; i <= 5 ; i++ ){
document.write("<tr height='30'>") ;
for ( j = 0 ; j <= i ; j++ ){
document.write("<td width='30' bgColor="+colors[j]+"><br /></td>");
}
for ( j = j ; j <= 5 ; j++ ){
document.write("<td width='30'>" + "<br />" + "</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</head>

<body>

</body>

</html>

קישור לתוכן
שתף באתרים אחרים

ארכיון

דיון זה הועבר לארכיון ולא ניתן להוסיף בו תגובות חדשות.

×
  • צור חדש...