ให้เรตสมาชิก: 4 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งาน
 

การใช้ 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 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีใช้โปรแกรม Weka ในการทำนายข้อมูล
โดย Grammanano ส 07 ธ.ค. 2019 6:54 pm บอร์ด Share Knowledge
0
2
ส 07 ธ.ค. 2019 6:54 pm โดย Grammanano
พื้นฐาน RML เพื่อทำใบปริ้นท์ในระบบ ERP
โดย Grammanano ส 07 ธ.ค. 2019 4:58 pm บอร์ด M098 - อนงค์นาท ไฝขาว
1
6
ส 07 ธ.ค. 2019 5:47 pm โดย Grammanano
แนะนำฟีเจอร์ Coupons ของ MooZiiCart ตัวช่วย ทำ คูปองส่วนลด ในเว็บขายของ สำหรับร้านค้าออนไลน์ ที่จะกระตุ้นยอดขายบางช่วง
โดย prmindphp ส 07 ธ.ค. 2019 3:56 pm บอร์ด MindPHP News & Feedback
0
10
ส 07 ธ.ค. 2019 3:56 pm โดย prmindphp
ใน ปล๊กอิน เราสามารถนำข้อความในไฟล์ภาษาออกมาแสดงได้อย่างไร ครับ
โดย jamepiyawat ส 07 ธ.ค. 2019 2:21 pm บอร์ด Joomla Development
0
9
ส 07 ธ.ค. 2019 2:21 pm โดย jamepiyawat
Block IP เข้าเว็บ เซิร์ฟเวอร์ เป็นข่วง ด้วย .htaccess
โดย mindphp ส 07 ธ.ค. 2019 2:12 pm บอร์ด Linux - Web Server
1
9
ส 07 ธ.ค. 2019 3:37 pm โดย mindphp
ภาพประกอบ Extensions
โดย numtan5839 ส 07 ธ.ค. 2019 11:19 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
0
2
ส 07 ธ.ค. 2019 11:19 am โดย numtan5839
งานประจำวันที่ 7 ธันวาคม 2562
โดย numtan5839 ส 07 ธ.ค. 2019 10:15 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
8
ส 07 ธ.ค. 2019 7:02 pm โดย numtan5839
งานประจำวันที่ 7 ธันวาคม 2562
โดย Grammanano ส 07 ธ.ค. 2019 10:05 am บอร์ด M098 - อนงค์นาท ไฝขาว
3
16
ส 07 ธ.ค. 2019 7:33 pm โดย mindphp
คำว่า extension ผิดค่ะ
โดย numtan5839 ศ 06 ธ.ค. 2019 8:17 pm บอร์ด MindPHP News & Feedback
1
14
ส 07 ธ.ค. 2019 1:20 am โดย mindphp
ทำอย่างไรให้ google slide นั้นสามารถแสดงหน้าที่เรากำหนดได้ ผ่าน url ครับ
โดย jamepiyawat ศ 06 ธ.ค. 2019 5:23 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
19
ส 07 ธ.ค. 2019 5:42 pm โดย numtan5839
การทำนายข้อมูลแบบ Dicision Tree ด้วยโปรแกรม Weka
โดย Grammanano ศ 06 ธ.ค. 2019 5:16 pm บอร์ด Share Knowledge
0
10
ศ 06 ธ.ค. 2019 5:16 pm โดย Grammanano
ทำไม แปลงวันเดือนปีเป็นวันที่ ตามระบบของ Joomla แล้ววันถึงถอยไปวันหนึ่งครับ
โดย jamepiyawat ศ 06 ธ.ค. 2019 3:23 pm บอร์ด Joomla Development
1
15
ศ 06 ธ.ค. 2019 4:51 pm โดย thatsawan
คำสั่งพื้นฐานในการใช้ Matlab เพื่อการทำ Image Processing
โดย Grammanano ศ 06 ธ.ค. 2019 3:20 pm บอร์ด Share Knowledge
0
11
ศ 06 ธ.ค. 2019 3:20 pm โดย Grammanano
Introducing the Module Weather Forcecast.
โดย numtan5839 ศ 06 ธ.ค. 2019 2:34 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
13
ส 07 ธ.ค. 2019 3:25 pm โดย numtan5839
เขียนบทความ แต่พอ save แล้วเนื้อหาไม่แสดง
โดย numtan5839 ศ 06 ธ.ค. 2019 2:30 pm บอร์ด MindPHP News & Feedback
0
11
ศ 06 ธ.ค. 2019 2:30 pm โดย numtan5839
จะทำอย่างไรให้ดึงข้อความ 10 ตัวท้ายได้ครับ
โดย jamepiyawat ศ 06 ธ.ค. 2019 11:39 am บอร์ด Programming - PHP
3
20
ศ 06 ธ.ค. 2019 2:04 pm โดย jamepiyawat
จะทำอย่างไรให้ Plugin Content Change Log แสดงข้อความด้านบนได้ ครับ
โดย jamepiyawat ศ 06 ธ.ค. 2019 11:03 am บอร์ด Joomla Development
1
17
ศ 06 ธ.ค. 2019 7:42 pm โดย thatsawan
งานประจำวันที่ 6 ธันวาคม 2562
โดย Grammanano ศ 06 ธ.ค. 2019 9:43 am บอร์ด M098 - อนงค์นาท ไฝขาว
5
33
ส 07 ธ.ค. 2019 6:59 pm โดย Grammanano
งานประจำวันที่ 6 ธันวาคม 2562
โดย numtan5839 ศ 06 ธ.ค. 2019 9:34 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
10
33
ศ 06 ธ.ค. 2019 7:42 pm โดย numtan5839
เปิดตัวเว็บบอร์ด รูปแบบใหม่ ของเรา มีอะไรมาใหม่ ลองมาดูกัน เราใช้ phpBB 3.2 นะ
โดย mindphp พ 04 ธ.ค. 2019 7:44 pm บอร์ด MindPHP News & Feedback
1
34
พ 04 ธ.ค. 2019 8:03 pm โดย thatsawan