เฉลย-Lab11 - Ans

User Interface Design and Development ปฏิบตั ิการที่ 11 JavaScript 1
ปฏิบัติการที่ 11 JavaScript 1
วัตถุประสงค์
• เพื่อให้นิสิตเข้าใจการเขียน JavaScript ในไฟล์ HTML
• เพื่อให้นิสิตสามารถพัฒนาเว็บไซต์ด้วย JavaScript Output คาสั่งต่างๆ ในการเเสดงผลหน้าเว็บไซต์
แบบฝึกปฏิบัติการ
1. จงแสดงผลลัพธ์จากโค้ด HTML ต่อไปนี้โดยให้นสิ ิตก็อปหน้าจอผลลัพธ์ลงในช่องแสดงผลลัพธ์
โค้ด แสดงผลลัพธ์

โค้ด แสดงผลลัพธ์

โค้ด
แสดงผลลัพธ์
เติมโค้ดที่หายไป
จุดที่ 1 ______1________
จุดที่ 2_______5________
จุดที่ 3______count_________
4. จากผลลัพธ์หน้าจอต่อไปนี้ให้นิสิตแปลงเป็นโค้ด HTML และวางลงในตารางช่องโค้ด

แสดงผลเต็มหน้าจอ step 1
แสดงผลเต็มหน้าจอ step 2
โค้ด
<!DOCTYPE html>
<html>
<body>
<script>
var name = prompt("กรุณาใส่ชื่อนิสิต")
var status= confirm("ข้อมูลที่คณ
ุ กรอกถูกต้องหรือไม่")
document.write(name)
</script>
</body>
</html>
5. ให้นิสิตเขียนโปรแกรมด้วย JavaScript ซึ่งจะคานวณดัชนีมวลกาย (BMI) โดยรับชื่อ น้าหนัก (kg.) และ ส่วนสูง (cm.) และ
แสดงผลลัพธ์ BMI คานวณได้จากสูตรต่อไปนี้
ข้อมูลนาเข้าด้วยกล่องข้อความรับค่า
1. รับชื่อ
2. รับน้าหนัก
3. รับส่วนสูง
ข้อมูลส่งออกที่หน้าจอ HTML ให้แสดงผล 2 บรรทัด ดังนี้
บรรทัดที่ 1 ชื่อ
บรรทัดที่ 2 ค่า BMI
ข้อมูลนาเข้า ข้อมูลส่งออก
Jo Name=Jo
75
BMI= 28.93406890166274
161
Tom Name=Tom
75 BMI= 28.93406890166274
161
Peter Name=Peter
54 BMI= 20.832529609197174
161
โค้ด
<!DOCTYPE html>
<html>
<body>
<script>
var name = prompt("กรุณาใส่ชื่อ");
var weight = parseInt(prompt("กรุณาใส่น้าหนัก"));
var height = parseInt(prompt("กรุณาใส่ส่วนสูง(CM)"));
height = height/100;
var BMI = (weight/(height*height));
document.write("Name="+name+"<br>")
document.write("BMI="+BMI)
</script>
</body>
</html>
6. จงเขียนโปรแกรมบนเว็บไซต์รับเลขจานวนเต็ม 1 จานวน (n) ผ่านกล่องรับข้อความ จากนั้นให้แสดงสัญลักษณ์จานวน n
ตัวออกหน้าเว็บไซต์ โดยมีเงื่อนไขดังนี้
ถ้าตาแหน่งใดหาร 5 ไม่ลงตัวให้แสดงสัญลักษณ์ *
ถ้าตาแหน่งใดหาร 5 ลงตัวให้แสดงสัญลักษณ์ X
ข้อมูลนาเข้า รับจานวนเต็ม 1 จานวน (n) ผ่านกล่องรับข้อความ
ข้อมูลส่งออก สัญลักษณ์ตามที่เงื่อนไขกาหนด
ข้อมูลนาเข้า ข้อมูลส่งออก
7 ****X**
10 ****X****X
20 ****X****X****X****X
โค้ด
<!DOCTYPE html>
<html>
<body>
<script>
var num = parseInt(prompt("กรุณาใส่หมายเลข : "));
for(count = 1; count <= num; count++) {
if(count % 5 == 0){
document.write("X");
}else{
document.write("*");
}
}
</script>
</body>
</html>

เฉลย-Lab11 - Ans

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

เฉลย-Lab11 - Ans

Uploaded by

Copyright:

Available Formats

User Interface Design and Development ปฏิบตั ิการที่ 11 JavaScript 1

2. จงแสดงผลลัพธ์จากโค้ด HTML ต่อไปนี้โดยให้นสิ ิตก็อปหน้าจอผลลัพธ์ลงในช่องแสดงผลลัพธ์

3. จงแสดงผลลัพธ์จากโค้ด HTML ต่อไปนี้โดยให้นสิ ิตก็อปหน้าจอผลลัพธ์ลงในช่องแสดงผลลัพธ์

4. จากผลลัพธ์หน้าจอต่อไปนี้ให้นิสิตแปลงเป็นโค้ด HTML และวางลงในตารางช่องโค้ด

You might also like