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

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

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

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

 

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

 

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

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

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

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

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

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

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

 

ขั้นตอนที่ 7: จากนั้นใส่ 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 จากนั้นเลือกรูแบบปุ่มตามตัวอย่างใช้เป็น เครื่องหมาย +

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

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

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

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

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

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

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

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

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

 

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

 

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

 

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

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