ผมจะสร้างสี่เหลี่ยมเป็นเเถว เเล้วพอกดตัวเลขให้ไปอยู่ในสี่เหลี่ยม ได้ยังไงครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ผมจะสร้างสี่เหลี่ยมเป็นเเถว เเล้วพอกดตัวเลขให้ไปอยู่ในสี่เหลี่ยม ได้ยังไงครับ

ผมจะสร้างสี่เหลี่ยมเป็นเเถว เเล้วพอกดตัวเลขให้ไปอยู่ในสี่เหลี่ยม ได้ยังไงครับ
ผมจะสร้างสีเหลี่ยมเป็นเเถวเเบบนี้  พอกดเลขด้านล่างให้ขึ้นในสี่เหลี่ยมด้านบน เเนะนำหน่อยครับ php







Golff Sinlapachai 17-09-2019 19:23:49

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 21

	
if(is_bg_color1 ){
addDigit(ctx2, numberValue);

}
อันนี้คือถ้ามีสีพื้นหลัง เเล้วกดที่สีให้เเสดงที่ตาราง

เเต่ถ้ามีสีพื้นหลังเเล้วเราไม่ได้กดที่มีสี เเล้วให้เเสดงที่ตาราง
เช็คยังไงครับ



Golff Sinlapachai 14-10-2019 12:47
 ความคิดเห็นที่ 22
if(is_bg_color1 ){
addDigit(ctx2, numberValue); //ตรงนี้เปลี่ยนเป็นเเสดงรูป
 
}


ผมจะเปลี่ยนจากที่เเสดงถูกผิดเป็นรูปยังไงครับ

โค้ดด้านบนถ้ากดเลขที่มีสีพื้นจะขึ้นถูก
เเต่ถ้าไม่ได้กดเลขที่มีสีให้ขึ้นผิด เราจะเช็คยังไงครับ
นี่โค้ดครับ
https://playcode.io/461266


Golff Sinlapachai 14-10-2019 17:02
 ความคิดเห็นที่ 23
น่าจะตรวจสอบประมาณนี้

		if(is_bg_color1){
				addDigit3(ctx3, numberValue);
		}
		if(is_bg_color2){
			addDigit3(ctx3, numberValue);
		}
		if(is_bg_color3){
			addDigit3(ctx3, numberValue);
		}			
		// เมื่อคลิกตัวเลขที่ไม่มีสีพื้นหลัง
		if(!is_bg_color1 && !is_bg_color2 && !is_bg_color3){

		}


ninenik 14-10-2019
 ความคิดเห็นที่ 24
if(!is_bg_color1 && !is_bg_color2 && !is_bg_color3 && clicksend%5==0  ){
addDigit3(ctx3, numberValue);
}

จะปลี่ยนจากตัวแปรตัวเลข numberValue เปลี่ยนเป็นใส่รูปยังไงครับ


<img id="img" src="img/yes.png"/>


Golff Sinlapachai 15-10-2019 12:45
 ความคิดเห็นที่ 25
หารูป yes, no ที่ต้องการ แล้วเอาไปกำหนดใน src ของ image ในโค้ดด้านล่าง
 
function addDigit3(ctx, numberValue) {
		n3++; // เพิ่มลำดับรายการ
		_x3 = (50 * n3) - 33; // สูตรตำแหน่ง จากพิกัด x ของข้อความ
		if (numberValue > 9) { // ถ้าเป็นเลข 2 หลัก ขยับหใ้ตรงเล็กนน้อย
			_x3 = _x3 - 6;
		}
		_c_x3 = 25 * ((2 * n3) - 1); // สูตรตำแหน่ง จากพิกัด x ของวงกลม

		if (n3 != 1 && n3 % 20 == 1) { // สร้างเงื่อนไข เมื่อขึ้นแถวใหม่
			n3 = 1;
			_c_x3 = 25;
			_c_y3 += 50;

		}
		
		var img = new Image();
		if(numberValue == 'y'){
			img.src = 'https://i.dlpng.com/static/png/1801723-png-yes-pluspngcom-1024-png-yes-yes-png-1024_1024_preview.webp';
		}else{
			img.src = 'https://i-love-png.com/images/no_7379.png';
		}
		img.onload = function() {
		  ctx3.drawImage(img, _c_x3-25, _c_y3-25,50,50);
		}
	
}
 
เวลาใช้งาน ก็ส่งค่า กก เป็น y หรือ n ให้เข้าเงื่อนไขการเลือกรูป
 
addDigit3(ctx, 'y')
// addDigit3(ctx, 'n')


ninenik 15-10-2019
 ความคิดเห็นที่ 26
ขอบคุณครับได้เเล้ว

มีเว็บศึกษาเพิ่มเติมเกี่ยวกับ javascript อีกไหมครับพวกใช้ function ต่างๆ
อย่างการประกาศใช้ ตัวเเปร ใช้ class 

$("li.set3").addClass("bg-color3");

ขอบคุณครับ


Golff Sinlapachai 15-10-2019 17:15






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ