ให้เรตสมาชิก: 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 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - ยังขาดหน้าผลการค้นหา จาก search.php
โดย mindphp ศ 29 พฤษภาคม 2020 6:11 am บอร์ด FDD (Main)
0
1
ศ 29 พฤษภาคม 2020 6:11 am โดย mindphp
B - กล่องค้นหาจากหน้า index ใช้งานไม่ได้ กดแล้วไม่ไปหน้าค้นหา
โดย mindphp ศ 29 พฤษภาคม 2020 5:39 am บอร์ด FDD (Main)
1
1
ศ 29 พฤษภาคม 2020 5:53 am โดย mindphp
B - ไม่ใช่แค่โชว์ icon facebook มันต้องทำลิงค์เพื่อให้คลิกไป
โดย mindphp ศ 29 พฤษภาคม 2020 4:39 am บอร์ด FDD (Main)
1
2
ศ 29 พฤษภาคม 2020 4:51 am โดย mindphp
อัพเดท phpbb 3.3 เเล้ว extenstion ใช้งานไม่ได้
โดย thatsawan พฤ 28 พฤษภาคม 2020 10:08 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
9
พฤ 28 พฤษภาคม 2020 10:10 pm โดย thatsawan
วิธีการสร้าง css ที่ใช้งานเฉพาะในบราวเซอร์ safari เท่านั้น
โดย Ittichai_chupol พฤ 28 พฤษภาคม 2020 6:06 pm บอร์ด CSS Knowledge
0
5
พฤ 28 พฤษภาคม 2020 6:06 pm โดย Ittichai_chupol
R - Set Demo เป็น subdomain ของ ตัวนี้
โดย mindphp พฤ 28 พฤษภาคม 2020 6:17 am บอร์ด มารียา ซีฟู้ดส์ - Developer
0
8
พฤ 28 พฤษภาคม 2020 6:17 am โดย mindphp
อยากทราบวิธีการกำหนด ค่า css ให้กับ button โดยกำหนดเฉพาะแต่ละบราวเซอร์
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 8:39 pm บอร์ด HTML CSS
1
21
พ 27 พฤษภาคม 2020 9:15 pm โดย mindphp
อัพเดท Changelog flask framework ของภาษา Python
โดย jirawoot พ 27 พฤษภาคม 2020 12:19 pm บอร์ด Python Knowledge
0
17
พ 27 พฤษภาคม 2020 12:19 pm โดย jirawoot
งานประจำวันที่ 27 พฤษภาคม 2563
โดย yositacha26 พ 27 พฤษภาคม 2020 12:13 pm บอร์ด MP011 - โยษิตา จันทะวงษ์
1
25
พ 27 พฤษภาคม 2020 12:15 pm โดย yositacha26
อยากทราบว่า วิธีการกำหนดการตั้งค่า ภาษาไทย ใน Netbeans
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 10:13 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
16
พ 27 พฤษภาคม 2020 10:13 am โดย Ittichai_chupol
B - บริษัท approve ประวัติที่ส่งมาสมัครเเล้ว เเต่ยังแสดงสถานะเดิมอยู่
โดย thatsawan อ 26 พฤษภาคม 2020 6:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 26 พฤษภาคม 2020 6:27 pm โดย thatsawan
อยากทราบวิธีการแก้ไข ภาษาไทยกลายอักษรแปลกๆ
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 4:35 pm บอร์ด Programming - PHP
1
40
จ 25 พฤษภาคม 2020 5:43 pm โดย thatsawan
อยากทราบวิธีการ แบบคอลัมเป็น 3 คอลีม โดยใช้ tag <dl>
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 11:56 am บอร์ด HTML CSS
1
43
จ 25 พฤษภาคม 2020 2:42 pm โดย thatsawan
บันทึกประชุม มารียา ซีฟู้ดส์
โดย thatsawan จ 25 พฤษภาคม 2020 11:40 am บอร์ด มารียา ซีฟู้ดส์ (Main)
2
8
ศ 29 พฤษภาคม 2020 9:32 am โดย tsukasaz
10 สุดยอดสตรีทฟู้ดในแอฟริกาตะวันตก
โดย Anonymous อ 24 พฤษภาคม 2020 9:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
54
จ 25 พฤษภาคม 2020 8:03 pm โดย ขุนพล ตั้นตระกูล
ข้อมูลสำหรับทำระบบ
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
0
8
อ 24 พฤษภาคม 2020 4:07 am โดย mindphp
อัพเดดความคืบหน้า / Progress - มารียา ซีฟู้ดส์
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
2
17
ศ 29 พฤษภาคม 2020 8:52 am โดย tsukasaz
อัพเดด Template เว็บไซต์ FDD (V2)
โดย mindphp อ 24 พฤษภาคม 2020 3:51 am บอร์ด FDD (Main)
0
1
อ 24 พฤษภาคม 2020 3:51 am โดย mindphp
R - ปรับกราฟฟิก ของเว็บ FDD
โดย mindphp อ 24 พฤษภาคม 2020 3:50 am บอร์ด FDD (Main)
0
2
อ 24 พฤษภาคม 2020 3:50 am โดย mindphp
ความคืบหน้า / Progress
โดย mindphp อ 24 พฤษภาคม 2020 3:46 am บอร์ด FDD (Main)
1
6
อ 26 พฤษภาคม 2020 8:18 am โดย mindphp