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

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

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

Golff Sinlapachai 110.78.176.xxx 17-09-2019 19:23:49

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

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

ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
User

Pass

Code
เปลี่ยน

จำข้อมูลการล็อกอิน
เข้าระบบอัตโนมัติ

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

ล็อกอินด้วย Line

ล็อกอินด้วย Google

ล็อกอินด้วย Twitter

ล็อกอินด้วย Tiktok

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


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

}

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

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

Golff Sinlapachai 110.77.204.xxx 14-10-2019 12:47

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

if(is_bg_color1 ){
addDigit(ctx2, numberValue); //ตรงนี้เปลี่ยนเป็นเเสดงรูป
 
}

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

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

Golff Sinlapachai 110.77.203.xxx 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 122.155.35.xxx 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 110.78.145.xxx 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 171.97.98.xxx 15-10-2019

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

ขอบคุณครับได้เเล้ว

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

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

ขอบคุณครับ

Golff Sinlapachai 110.78.145.xxx 15-10-2019 17:15

Prev 1 2 3

ขอบคุณทุกการสนับสนุน

สนับสนุนเว็บไซต์เรา จ่ายด้วย Truemoney Wallet

20 บาท 50 บาท 100 บาท 300 บาท หรือ ระบุจำนวน