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

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

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







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

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

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


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


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

 ความคิดเห็นที่ 21
1
2
3
4
5
     
if(is_bg_color1 ){
addDigit(ctx2, numberValue);
 
}
อันนี้คือถ้ามีสีพื้นหลัง เเล้วกดที่สีให้เเสดงที่ตาราง

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



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


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

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


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

1
2
3
4
5
6
7
8
9
10
11
12
13
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
1
2
3
if(!is_bg_color1 && !is_bg_color2 && !is_bg_color3 && clicksend%5==0  ){
addDigit3(ctx3, numberValue);
}

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


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


Golff Sinlapachai 15-10-2019 12:45
 ความคิดเห็นที่ 25
หารูป yes, no ที่ต้องการ แล้วเอาไปกำหนดใน src ของ image ในโค้ดด้านล่าง
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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'){
        }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 ให้เข้าเงื่อนไขการเลือกรูป
 
1
2
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) ขอบคุณครับ