การใช้ Google Sheets ตอนที่ 10 Add buttons การสร้างปุ่มเพื่อเพิ่มจำนวน

Google Sheets (กูเกิล ชีท) เป็นซอร์ฟแวร์ที่พัฒนาโดย Google (กูเกิล)โดยการทำงานของ Google Sheets(กูเกิล ชีท) จะคล้ายๆกับ โปรแกรม Microsoft Excel (ไมโครซอร์ฟ เอ็กเซล)สามารถจัดทำตาราง การคำนวณ การสร้างฟอร์มตารางต่างๆ Google Sheets (กูเกิล ชีท) จะทำงานโดยใช้ Internet (อินเตอร์เน็ต)จึงสามารถทำงานได้หลายๆเครื่อง

ศึกษาบทก่อนหน้านี้ ตอนที่ 9 การสลับสีตาราง

ในตอนที่ 10 Add buttons การสร้างปุ่มเพื่อเพิ่มจำนวน

 

 ตัวอย่างการใช้ Google Sheets ในตอนที่ 10

แสดงตัวอย่าง Google Sheets ตอนที่ 10
แสดงตัวอย่าง Google Sheets ตอนที่ 10

 

ขั้นตอนที่ 1: ผู้ใช้เข้าใช้งาน Google Sheets 

แสดงเมื่อเข้าสู่ระบบ
แสดงเมื่อเข้าสู่ระบบ

ขั้นตอนที่ 2: ผู้ใช้ใส่ข้อมูลตามตัวอย่าง

 แสดงผู้ใช้ใส่ข้อมูล
แสดงผู้ใช้ใส่ข้อมูล

ขั้นตอนที่ 3: และใส่ข้อมูลสินค้าตามหัวข้อ

ทั้งนี้เป็นข้อมูลตัวอย่าง ไม่เกี่ยวข้องกับตัวอย่างที่กำลังจะทำ ส่วนที่เกี่ยวข้องจะอยู่ช่อง C2 เท่านนั้น

แสดงใส่ข้อมูลสินค้าตามหัวข้อ
แสดงใส่ข้อมูลสินค้าตามหัวข้อ

ขั้นตอนที่ 4: ผู้ใช้ทำการสร้าง Code เพื่อเป็นคำสั่งในการแสดงผล เลือก Tool > Script editor..

แสดงการสร้าง Code
แสดงการสร้าง Code

ขั้นตอนที่ 5: จะแสดงหน้าต่างใหม่ขึ้นมาเป็นหน้าต่างเกี่ยวกับการใส่ Code คำสั่ง ทำการลบโค้ดเก่าออกทั้งหมดและ Save 

แสดงขั้นตอนการลบโค้ดเก่า
แสดงขั้นตอนการลบโค้ดเก่า

ขั้นตอนที่ 6: ตามตัวอย่างใส่ชื่อ Code for inventory และกด OK

แสดงใส่ชื่อคำสั่งนี้
แสดงใส่ชื่อคำสั่งนี้

 

ขั้นตอนที่ 7: จากนั้นใส่ Code คำสั่งที่จะใช้งาน นำโค้สดานล่างไปใส่

แสดงการใส่ Code
แสดงการใส่ Code
function modifyCell(cellName, increase){

var range = SpreadsheetApp.getActiveSheet().getRange(cellName);

var toAdd = -1;

if(increase) {

toAdd = 1;

}

range.setValue(range.getValue() + toAdd);

}


function increaseLine2(){

modifyCell("C2",true);

}


function decreaseLine2() {

modifyCell("C2",false);

}

 

ขั้นตอนที่ 8: เมื่อเราได้ โค้ดคำสั่งแล้ว ต่อไปทำการสร้างปุ่มเลือก Insert > Drawing 

แสดงทำการสร้างปุ่ม
แสดงทำการสร้างปุ่ม

ขั้นตอนที่ 9: จะแสดงหน้าต่าง Drawing จากนั้นเลือกรูแบบปุ่มตามตัวอย่างใช้เป็น เครื่องหมาย +

แสดงหน้าต่าง Drawing
แสดงหน้าต่าง Drawing

ขั้นตอนที่ 10: ได้ปุ่มที่เป็นเครื่องหมาย + 

แสดงปุ่มที่เป็นเครื่องหมาย +
แสดงปุ่มที่เป็นเครื่องหมาย +

ขั้นตอนที่ 11: จากนั้นคลิกที่ปุ่มตรงสามเหลี่ยม เลือก Assign script

แสดงขั้นตอนใส่ค่าให้ปุ่ม
แสดงขั้นตอนใส่ค่าให้ปุ่ม

ขั้นตอนที่ 12: จะแสดงช่อง Assign script ให้ใส่ค่า increaseLine2 ค่านี้จะเป็นการเพิ่มจำนวนซึ่งได้จาก โค้สที่เราใส่ไปตอนแรก กด OK

แสดงการใส่ค่า increaseLine2
แสดงการใส่ค่า increaseLine2

ขั้นตอนที่ 13: จะมีการสอบถามจากระบบเลือก Continue

แสดงการยืนยัน
แสดงการยืนยัน

ขั้นตอนที่ 14: ระบบจะสอบถามอีกครั้งเลือก Allow

แสดงการยืนยันจากระบบ
แสดงการยืนยันจากระบบ

ขั้นตอนที่ 15: เพียงเท่านี้ เมื่อคลิกที่เครื่องหมาย + ค่าในช่อง C2 ก็จะเพิ่มขึ้นที่ละหนึ่ง

แสดงการปุ่มบวก
แสดงการปุ่มบวก

ขั้นตอนที่ 16: เมื่อเพิ่มจำนวนได้แล้ว ต่อไปจะทำการลดค่า ทำการเพิ่มเครื่องหมาย - ขั้นตอนตามขั้นตอนแรกที่เพิ่มเครื่องหมาย +

แสดงการสร้างปุ่มลดจำนวน
แสดงการสร้างปุ่มลดจำนวน

ขั้นตอนที่ 17: ช่อง Assign script ให้ใส่ค่า 

 ค่านี้จะเป็นการลดจำนวนซึ่งได้จาก โค้สที่เราใส่ไปตอนแรก กด OK

แสดงการใส่ค่า decreaseLine2
แสดงการใส่ค่า decreaseLine2

 

ขั้นตอนที่ 18: เมื่อใส่ข้อมูลแล้ว เครื่องหมาย - จะสามารถลดจำนวนช่อง C2 ได้

แสดงปุ่มลดจำนวน
แสดงปุ่มลดจำนวน

 

 การใช้งาน Google Sheets (กูเกิล ชีท) ในตอนที่ 10 ...

 

สามารถศึกษาบทอื่นได้ที่.... บทเรียน สอนใช้ Google Apps for Work 

โดย : http://www.mindphp.com 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
166
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
125
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
270
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
184
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
239
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
203
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
166
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว