คำสั่งกำหนดเงื่อนไข
คำสั่งควบคุม
- คำสั่งควบคุม แบบการเงื่อนไข
เป็นคำสั่งควบคุมการทำงานที่ใช้ในการพิจารณาเงื่อนไข เช่น
if(),switch
เป็นการกำหนดเงื่อนไขว่าจะต้องให้ทำอะไร
- คำสั่งควบคุมแบบการทำซ้ำ
เป็นคำสั่งควบคุมการทำงานที่กำหนดให้ผู้ใช้ต้องทำซ้ำ เช่น
for(), while
คำสั่ง for ลักษณะของคำสั่ง
for เป็นคำสั่งที่ให้โปรแกรมทำซ้ำในสถานะที่คำสั่งนั้นเป็นจริงเท่านั้น
ถ้าสถานะไม่เป็นจริงก็จะหยุดการทำงาน
รูปแบบ for (เริ่มต้น
;เงื่อนไข;การเพิ่ม/ลดค่า)
{
statement;
}
ตัวอย่างเช่น for (I = l ; I<=10 ;
I = I+1)
{
document.write(Loop: + I + <br>
);
}
ตัวอย่าง
การเขียนโปรแกรมจาวาสคริปต์ โดยควบคุมให้มีการทำซ้ำ โดยการใช้คำสั่ง
for
<html>
<head>
<title>
การเขียนโปรแกรมจาวา แบบการทำซ้ำ ด้วยคำสั่ง for </title>
<script language=javascript>
for (I = 1 ; I < = 6 ; I
= I + 1)
{
document.write
(สวัสดีครับ <br>);
}
</script>
</head>
<body>
</body>
</html>
ผลลัพท์ที่ได้คือ
สวัสดีครับ
สวัสดีครับ
สวัสดีครับ
สวัสดีครับ
สวัสดีครับ
สวัสดีครับ
โปรแกรมจะอ่านภายในจาวาสคริปต์
เมื่อพบคำสั่ง for ซึ่งกำหนเริ่มต้นให้ I = 1 แล้วเงื่อนไขให้ I< = 6
หมายถึง ถ้าค่าของ I น้อยกว่า 6
ตัวอย่าง
การเขียนโปรแกรมจาวาสคริปต์แบบทำซ้ำในการคำนวณค่าแฟคทอเรียล
โดยให้ใส่ค่าที่ต้องการแล้ว
โปรแกรมจะนำค่าตัวเลขดังกล่าวไปหาค่าแฟคทอเรียล
การหาค่าแฟคทอเรียล เช่น 5! = 5*4*3*2*1
= 120
<html>
<head>
<title>
การเขียนโปรแกรมจาวาแบบการทำซ้ำ ด้วยคำสั่ง for</title>
<script language=javascript>
function factorial()
{
var x = 1;
alert (Program Factorial
Calculator);
a=prompt
(โปรดใส่ตัวเลขง่าย ๆ เพื่อหาค่าแฟทอเรียล,);
for (I=1 ; I <=a ;
I=I+1)
{
x = x * I;
}
alert (ผลของคำตอบของ + a
+ \n + คือ +x);
}
</script>
<a href = javascript:factorial()>
โปรดคลิกเพื่อเข้าสู่โปรแกรม </a>
</body>
</html>
เมื่อเรียกไฟล์ใน
Browsers จะปรากฎข้อความ
โปรแกรมการแปลงค่าแฟคทอเรียล
โปรดคลิกเพื่อเข้าสู่โปรแกรม
เมื่อคลิกเข้าสู่โปรแกรมจะปรากฎกรอบข้อความที่จะได้จาก
คำสั่ง alert เมื่อคลิก
OK จะปรากฎกรอบรับข้อความ โปรดกรอกตัวเลขง่าย ๆ
เพื่อหาค่าแฟคทอเรียล ให้ใส่ตัวเลขที่ต้องการหาแฟคทอเรียล เช่น 5 คลิก OK ก็จะปรากฎกรอบข้อความ ผลของคำตอบของ 5 คือ 125
ตัวอย่าง
การเขียนโปรแกรมจาวาสคริปต์ โดยการใช้คำสั่งทำซ้ำ
โดยการใช้คำสั่งวนลูปด้วย for คำนวณ หาค่าตัวเลขยกกำลัง
เช่น
2 = 16
<html>
<head>
<title>
การเขียนโปรแกรมจาวา แบบ การทำซ้ำ ด้วยคำสั่ง for คำนวณเลขยกกำลัง
</title>
<script language =
javascript>
function multiple ()
{
var x = 1;
alert(โปรแกรมคำนวณเลขยกกำลัง);
a=prompt
(โปรดใส่ตัวเลขที่ต้องการให้ยกกำลัง,);
b=prompt
(โปรดใส่ค่ายกกำลัง,);
for (I=1 ; I<=b ;
I=I=I+1)
{
x = x
*a;
}
alert (a+ยกกำลัง + b +
= +x);
}
</script>
</head>
<boty>
<script
language=javascript>
document.write
(โปรแกรมคำนวณค่ายกกำลัง <br>);
</script>
<a
href=javascript:multiple()>โปรดคลิกเพื่อเข้าสู่โปรแกรม </a>
</body>
</html>
เมื่อเรียกไฟล์ของโปรแกรมจาก
Browsers
ก็จะปรากฎข้อความว่า
โปรแกรมคำนวณค่ายกกำลัง
โปรดคลิกเพื่อเข้าสู่โปรแกรม
เมื่อคลิกเข้าสู่โปรแกรมจะปรากฎกรอบข้อความ
โปรแกรมคำนวณเลขยกกำลัง เมื่อคลิก OK จะปรากฎกรอบรับข้อความ
โปรดใส่ค่าตัวเลขที่ต้องการให้ยกกำลัง เมื่อใส่ตัวเลขเช่น 2 แล้วคลิก
OK
จะปรากฎกรอบรับข้อความ โปรดใส่ค่า ยกกำลัง เมื่อใส่ตัวเลข เช่น 4 แล้วคลิก
OK จะปรากฎกรอบข้อความ 2 ยกกำลัง 4 = 16
คำสั่งทำซ้ำ
Loop While
การใช้คำสั่งทำซ้ำเป็น
While เป็นการสั่งให้วนลูปแบบกำหนดเงื่อนไขให้ทำภายในลูปจนกว่าจะเป็นจริงก็จะให้ออกจากลูป
รูปแบบ
while (เงื่อนไข)
{
statements;
}
ลักษณะการในคำสั่ง while
function fac()
{
var ans,I,no;
no=prompt
(โปรดใส่ค่าตัวเลขที่ต้องการ,);
I = 1; ans = 1;
While (I<=no)
{
ans=ans*I;
I++;
}
alert(ค่าแฟคทอเรียลของ +no+ คือ +ans);
}
ตัวอย่าง
การเขียนโปรแกรมจาวาสคริปต์ โดยการใช้คำสั่งทำซ้ำแบบลูป
while
ในการคำนวณค่าของ แฟคทอเรียล
<html>
<head>
<title> การเขียนโปรแกรมจาวา
แบบการทำซ้ำ ด้วยคำสั่ง while หาค่าแฟคทอเรียล
</title>
<script language=javascript>
function fac()
{
var x = 1;
alert
(โปรแกรมหาค่าแฟคทอเรียล);
a=prompt
(โปรดใส่ตัวเลขที่ต้องการ,);
I=1;ans=1;
While (I<=a)
{
ans = ans*I;
I++;
}
alert (ค่าแฟคทอเรียลของ
+a+=+ans);
}
</script>
</head>
<body>
<script language=javascript>
document.write
(โปรแกรมคำนวณค่าแฟคทอเรียล <br>);
</script>
<a href=javascript:fac()>โปรดคลิกเพื่อเข้าสู่โปรแกรม
</a>
</body>
</html>
ตัวอย่าง
การเขียนโปรแกรมจาวาสคริปต์ โดยการใช้คำสั่งทำซ้ำแบบลูป
while ในการคำนวณค่ายกกำลัง
<html>
<head>
<title> การเขียนโปรแกรมจาวา
แบบการทำซ้ำ ด้วยคำสั่ง while หาค่ายกกำลัง
</title>
<script language=javascript>
function multiple()
{
var ansi,y;
alert (โปรแกรมคำนวณกำลัง);
x=prompt
(โปรดใส่ตัวเลขที่ต้องการยกกำลัง,);
y=prompt
(โปรดใส่ค่ายกกำลัง,);
I=1; ans=1;
While (I<=y)
{
ans=ans*x;
I++;
}
alert(x+ยกกำลัง+y+=+ans);
}
</script>
</head>
<body>
<script languare=javascript>
document.write
(โปรแกรมคำนวณค่ายกกำลัง <br>);
</script>
<a href=javascrip:multiple()>โปรดคลิกเพื่อเข้าสู่โปรแกรม
</a>
</body>
</html>
บางกรณีเราต้องการให้โปรแกรมอ่านตัวแปรเป็นค่าบวก
จะมีปัญหาในเรื่องค่าของตัวแปรจะอ่านตัวเองเป็นตัวอักษร
ไม่อ่านค่าเป็นตัวเลข ต้องแปลงค่าตัวแปรให้เป็นค่าตัวเลข
โดยการใช้ฟังก์ชั่น eval(x) มาช่วยตามตัวอย่างที่ 18_1.htm โดย
x คือตัวแปรที่ต้องการเปลี่ยนค่าภายในจากตัวอักษรเป็นตัวเลข (
charavter to
numberic )
ตัวอย่าง
การเขียนโปรแกรมจาวาสคริปต์ โดยการใช้คำสั่งทำซ้ำแบบลูป while
ในการคำนวณการบวกเลขซ้ำ
โดยเปลี่ยนค่าภายในตัวแปรจากค่าที่เป็นค่าตัวอักษรเป็นค่าตัวเลข
<html>
<head>
<title> การเขียนโปรแกรมจาวา
แบบการทำซ้ำด้วยคำสั่ง while หาค่าบวกซ้ำ ๆ
</title>
<script language=javascript>
function multiple()
{
var ans,I,y;
alert (โปรแกรมการบวกซ้ำ);
x=prompt(โปรดใส่ตัวเลขที่ต้องการ,);
y=prompt(โปรดใส่จำนวนครั้งที่บวก,);
I=1;
Ans=0;
While(I<=y)
{
ans=ans+eval(x);
I++;
}
alert
(x+บวกซ้ำกันทั้งหมด+y+ครั้ง+=+ans);
}
</script>
</heas>
<body>
<script language=javascript>
document.write(โปรแกมการบวกซ้ำ
<br>);
</script>
<a href=javascript:multiple()>
โปรดคลิกเพื่อเข้าสู่โปรแกรม </a>
</body>
</html>
การสร้างกรอบโต้ตอบ
การสร้างกรอบโต้ตอบระหว่างผู้ใช้กับโปรแกรม
ในกรณีที่มีเงื่อนไขระหว่าง OK/Cancel เป็นรูปแบบที่ผู้ใช้ต้องการยกเลิก
หรือยืนยันให้ทำต่อไป
ไดอะล๊อกบล๊อกลักษณะนี้จะเป็นกรอบโต้ตอบหรือกรอบรับข้อความยืนยัน
(Confirm) โดยการใช้คำสั่ง
Confirm ลักษณะการทำงานเป็นกรอบโต้ตอบที่มีคำถามสองลักษณะคือ
OK answer หมายถึง คำตอบคือ เป็นจริง
True
Cancel answer หมายถึง คำตอบคือ เป็นเท็จ
False
รูปแบบ คำสั่ง =
Confirm (ข้อความ);
เช่น
answer=confirm(Are you OK?);
การใช้คำสั่งสำหรับกรอบโต้ตอบในลักษณะตรรกะหรือความเป็นเหตุเป็นผล
คำสั่งที่ใช้ในการตรวจสอบเงื่อนไขคือ if
else
การตรวจสอบเงื่อนไข
IF
รูปแบบ
if (เงื่อนไข)
{
statements;
}
else if (เงื่อนไข)
{
statement;
}
else {
statement;
}
ลักษณะฟังก์ชั่นสำหรับการกำหนดเงื่อนไข
IF
function chbgcolor()
{
var cl,co;
cl=confirm(You want to change
background color to+cl);
if (co)
{
document.bgColor=cl;
}
else
{
alert ( you dont
want to change background - color); }
}
การเขียนฟังก์ชั่นนี้กำหนดให้ปรากฎกรอบรับข้อความว่า
Enter background color to chang จากการใช้คำสั่ง
promt โดยค่าที่จะใส่ในกรอบรับข้อความจะจัดเก็บในตัวแปร
cl จากนั้นก็จะปรากฎกรอบโต้ตอบว่า
You want to change background color to
..ตามค่าสี่ที่ใส่ในสกรอบรับข้อความตามคำสั่ง
confirm โดยผู้ใช้ต้องเลือก
OK หรือ Cancel
อย่างใดอย่างหนึ่ง
ถ้ากรอกสีไว้แล้วคลิก OK พื้นหน้าจอก็จะเปลี่ยนสีไปตามชื่อที่กรอก
แต่ถ้าไม่เปลี่ยนสีโดย คลิก Cancel
ก็จะปรากฎคำว่า You dont want to
change background color
ตัวอย่าง
การเขียนโปรแกรมจาวาสคริปต์แบบทำกรอบโต้ตอบ ในลักษณะ
OK/Cancel ในการเลือกสีพื้นของหน้าจอ
<html>
<head>
<title>
การเขียนโปรแกรมจาวาแบบตรวจสอบเงื่อนไขด้วย IF</title>
<script language=javascript>
function chbgcolor()
{
var cl,co;
cl=promt(Enter
background color to chang,);
co=confirm (You
want to change background color to+cl);
if (co)
{
document.bgColor=cl;
}
els
{
alert (You dont want to change background color);
}
}
</script>
</head>
<body>
<script language=javascript>
document.write(โปรแกรมการเปลี่ยนพื้นสี
<br>);
</script>
<a href= javascript:chbgcolor()>
โปรดคลิกเพื่อเข้าสู่โปรแกรม </a>
</body>
</html>
ตัวอย่าง
การเขียนโปรแกรมจาวาสคริปต์แบบทำกรอบโต้ตอบ ในลักษณะ
OK/Cancel
ในการกำหนดสีพื้นของหน้าจอเป็นสีเหลืองเมื่อแรกเข้า
แล้วเปลี่ยนแปลงได้ตามต้องการ แต่เมื่อเปลี่ยนแปลงครั้งแรกเช่น
เปลี่ยนเป็นสีแดง เมื่อจะเปลี่ยนสีอื่นก็เปลี่ยนได้อีก
แต่ถ้าไม่เปลี่ยนสีใดก็จะกลับไปเป็นสีแดง ที่เปลี่ยนแปลงเดิมอีกครั้ง
<html>
<head>
<title>
การเขียนโปรแกรมจาวา แบบตรวจสอบเงื่อนไขด้วย IF</title>
<script language=javascript>
var scl=yellow;
function chbgcolor()
{
var cl,co;
cl=promt (Enter
background color to chang ,);
document.bgColor=cl;
co=confirm (You
want to change background color to+cl );
if (co)
{
scl=cl;
}
else
{
document.bgColor=scl;
}
}
</script>
</heak>
<body bgcolor=yellow>
<script langrage=javascript>
document.write
(โปรแกรมการเปลี่ยนพื้นสี<br>);
</script>
<a href=javascript:chbgcolor()>โปรดคลิกเพื่อเข้าสู่โปรแกรม
</a>
</body>
</html>
Test
All Right Reserved 2003 Support IE5.0 or Higher Best Preview
800x600 Pixels
แนะนำติชม:
ดร.ปรัชญนันท์ นิลสุข
:
prachyanun@hotmail.com
.
คำสั่งควบคุม
