ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingถ้ากดตัวเลขทุก 5 ครั้ง ให้มันเเสดงที่ตารางล่างยังไงครับ
หน้า: 1 [2]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ถ้ากดตัวเลขทุก 5 ครั้ง ให้มันเเสดงที่ตารางล่างยังไงครับ  (อ่าน 3954 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
golf1122
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 34



ดูรายละเอียด
« ตอบ #20 เมื่อ: 27 กันยายน 2019, 12:28:28 »

โค๊ด:
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(() => { // you can wrap it here with in document ready block
            let round = click = 0
            $("p").click(() => {
                click 
                $('#r').val(click)
                if (click % 4 === 0) {
                    $('#r').val('ตัวเลขทุก 4 ครั้ง รอบที่ '   round  )
                    click = 0
                }
            })
        })
    </script>
</head>

<body>
    <p>อะไรสักอย่าง กด ตรงนี้เบาๆ ตัวหนังสือนี่แหละ คลิกเลย</p>
    <input type="button" id="r" value="0">
</body>

</html>

 Tongue
ลองดูนะ ถ้านับได้ จะทำอะไรก็ได้

กดเเล้วเงียบกริบเลยครับ wanwan017
บันทึกการเข้า
golf1122
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 34



ดูรายละเอียด
« ตอบ #21 เมื่อ: 28 กันยายน 2019, 16:19:10 »

 ช่วยหน่อยครับยังติดอยู่ที่เดิมอยู่เลย
Lips Sealed
« แก้ไขครั้งสุดท้าย: 29 กันยายน 2019, 09:10:30 โดย golf1122 » บันทึกการเข้า
golf1122
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 34



ดูรายละเอียด
« ตอบ #22 เมื่อ: 30 กันยายน 2019, 08:39:25 »

ผมลองเเล้วไม่ได้ครับช่วยหน่อยครับ
บันทึกการเข้า
dekdoo
สมุนแก๊งเสียว
*

พลังน้ำใจ: 57
ออฟไลน์ ออฟไลน์

กระทู้: 855



ดูรายละเอียด
« ตอบ #23 เมื่อ: 30 กันยายน 2019, 08:41:59 »

ผมลองเเล้วไม่ได้ครับช่วยหน่อยครับ

จ้างทำเหอะครับ
บันทึกการเข้า
golf1122
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 34



ดูรายละเอียด
« ตอบ #24 เมื่อ: 01 ตุลาคม 2019, 13:30:02 »

ตอนนี้ผมติดอยู่2ที่ครับ
พอกดเลข4ครั้งเเล้วมันขึ้นสีพื้นหลัง พอกดครั้งที่5 ถ้าเรากดเลขที่ขึ้นสีพื้นหลังให้ขึ้นรูปติ้กถูก ถ้าไม่ได้กดเลขที่มีสีพื้นหลังให้ขึ้นรูปติ้กผิด

ถ้ากดตัวเลขทุก 5 ครั้ง ให้มันเเสดงที่ตารางล่างยังไงครับ ตอนนี้กดมันขึ้นเเต่ช่องเเรกครับ

พอเขียนประมาณไหนครับ
โค๊ด:
<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>Document</title>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <!-- <link rel="stylesheet" type="text/css" href="style.css"> -->

   <style>
      *{
         margin: 0;
         padding: 0;
      }


      .Analysis {

         width:70%;
         height: 139px;
         margin:0 auto;
         border:1px solid #000000;
         margin-bottom: 100px;

      }

      .containertt {

         width:70%;
         height: 50px;
         margin:0 auto;
         text-align: center;


      }
      table, th {
         border: 1px solid black;
         border-collapse: collapse;
         text-align: center;
      }
      td {
         border: 1px solid black;
         border-collapse: collapse;
         width: 50px;
         height: 50px;


      }

      .grid-container {
         display: grid;
         grid-template-columns:auto auto auto auto auto auto auto auto auto auto auto auto auto;
         grid-gap: 2px;
         background-color: #2196F3;
         padding: 10px;

      }

      .grid-container > div {
         background-color: lightblue;
         text-align: center;
         padding: 10px ;
         font-size: 30px;
      }

      #item1 {
         grid-row: 1 / 4;
      }


   </style>
</head>
<body>



   <table class="table" id="demo1" style="background-color:#E6E6E6">
      <tr   >
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
      </tr>
      <tr>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
      </tr>
      <tr>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
         <td></td>
      </tr>
   </table>

   


   <div class="grid-container" >

      <div onclick="myFunction(this)"  id="item1" class="test0"><font color=red>0</font></div>

      <div onclick="myFunction(this)" class="test" id="test2">2</div>

      <div onclick="myFunction(this)" class="test" id="test4">4</div>
      <div onclick="myFunction(this)" class="test" id="test6"><font color=red>6</font></div>
      <div onclick="myFunction(this)" class="test"><font color=red>8</font></div>
      <div onclick="myFunction(this)" class="test">10</div>
      <div onclick="myFunction(this)" class="test"><font color=red>12</font></div>
      <div onclick="myFunction(this)" class="test"><font color=red>14</font></div>
      <div onclick="myFunction(this)" class="test">16</div>
      <div onclick="myFunction(this)" class="test"><font color=red>18</font></div>
      <div onclick="myFunction(this)" class="test"><font color=red>20</font></div>
      <div onclick="myFunction(this)" class="test">22</div>
      <div onclick="myFunction(this)" class="test">24</div>
      <div onclick="myFunction(this)" class="test" id="test1">1</div>
      <div onclick="myFunction(this)" class="test" id="test3"><font color=red>3</font></div>
      <div onclick="myFunction(this)" class="test" id="test5">5</div>
      <div onclick="myFunction(this)" class="test">7</div>
      <div onclick="myFunction(this)" class="test"><font color=red>9</font></div>
      <div onclick="myFunction(this)" class="test">11</div>
      <div onclick="myFunction(this)" class="test">13</div>
      <div onclick="myFunction(this)" class="test"><font color=red>15</font></div>
      <div onclick="myFunction(this)" class="test">17</div>
      <div onclick="myFunction(this)" class="test">19</div>
      <div onclick="myFunction(this)" class="test">21</div>
      <div onclick="myFunction(this)" class="test">23</div>

      <!-- <div onClick="onClick()" class="test" id="test1"
      onMouseover="this.style.backgroundColor='yellow';"
      onMouseout="this.style.backgroundColor='lightblue';">333</div>

      <div  class="test"id="test2"
      onMouseover="this.style.backgroundColor='yellow';"
      onMouseout="this.style.backgroundColor='lightblue';">444</div>
     
      <div class="test"   id="test3"
      mouseenter="this.style.backgroundColor='yellow';"
      mouseleave="this.style.backgroundColor='lightblue';"
      >555</div> -->

   </div>
   <script>
      myFunction = i => $("#demo1 td:empty:first").html($(i).html())
      var tooClick = 0;
var totalClick = 0; // จำนวนคลิกทั้งหมด
var evenClick = 0; // จำนวนคลิกเลขคู่
var oddClick = 0; // จำนวนคลิกเลขคี่
var result=false;
var backgound="";
var clicks = 0;
var po = 0;
function clickCount()
{
   clicks  = 1;    //ตรงนี้ใส่ clicks  = 1;
   po = Math.floor(Math.random() * 4);
}

function changBackground()
{
   return backgound = clicks==4 ? "backgound:yellow" : "";
}

function reset()
{
   $(".test").css("background-color", "lightblue");
   $(".test1").css("background-color", "lightblue");
   $(".test2").css("background-color", "lightblue");
   $("#test1").css("background-color", "lightblue");
   $("#test2").css("background-color", "lightblue");
   evenClick=0;
   oddClick=0;
   tooClick=0;
   
   result=false;
   return;
}
function pop() {
   alert("Hello! I am an alert box!");
   window.location.reload();
}

$(function(){
   $(".test").click(function(){

      clickCount();

      document.getElementById("clicks").innerHTML = clicks;
      document.getElementById("demo").innerHTML = $(this).text();
      document.getElementById("ran").innerHTML = po;


      if ($(this).text()%2==0) {
         evenClick  ;      //ตรงนี้ใส่ evenClick  ;
         oddClick  ;        //ตรงนี้ใส่ oddClick  ;
         if(evenClick % 4 ==0){
            if (po%2==0) {
               $("#test1,#test2").css("background-color", "yellow");
            }else if (po%2==1) {
               $("#test3,#test4").css("background-color", "#80E12A");
            }
         }else if(evenClick % 5 ==0){
            document.getElementById("golf").innerHTML = $(this).text();
            reset();
         }

      }else if ($(this).text()%2==1) {
         oddClick  ;          //ตรงนี้ใส่ oddClick  ;
         evenClick  ;        //ตรงนี้ใส่ evenClick  ;
         if(oddClick % 4 ==0){
            if (po%2==0) {
               $("#test5,#test6").css("background-color", "#73E1E1");
            }else if (po%2==1) {
               $("#test3,#test4").css("background-color", "#80E12A");
            }
         }else if(oddClick % 5 ==0){
            document.getElementById("golf").innerHTML = $(this).text();
           
            reset();
         }
      }
      if (clicks>60) {
         pop();
      }

   });
});

</script>

<p>Clicks: <a id="clicks">0</a></p>
<p id="demo"></p>
<p>ran: <a id="ran">0</a></p>
</script>
<table class="table" id="demo2" style="background-color:#E6E6E6"  >
   <tr>
      <td>ครั้งที่5</td>
      <td id="golf"></td>
      <td id="golf2"></td>
      <td id="golf3"></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
   </tr>
</table>


<table>
   <tr>
      <td>ถูก</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
   </tr>
   <tr>
      <td>ผิด</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
   </tr>
</table>


</body>
</html>

เเก้ในโค้ดมันไม่ขึ้น  บวก
clicks  บวก= 1;
evenClick  บวกบวก];      
oddClick  บวกบวก;
« แก้ไขครั้งสุดท้าย: 11 ตุลาคม 2019, 19:02:17 โดย golf1122 » บันทึกการเข้า
golf1122
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 34



ดูรายละเอียด
« ตอบ #25 เมื่อ: 08 ตุลาคม 2019, 12:53:18 »

พอเราจะกดครั้งที่ 5 เราจะเช็คยังไงครับว่า  เรากดตัวเลขที่มีสีหรือไม่มีสีครับ
บันทึกการเข้า
smapan
Global Moderator
เจ้าพ่อบอร์ดเสียว
*****

พลังน้ำใจ: 641
ออฟไลน์ ออฟไลน์

กระทู้: 8,247



ดูรายละเอียด เว็บไซต์
« ตอบ #26 เมื่อ: 11 ตุลาคม 2019, 16:49:37 »

เราจะเช็คยังไงครับว่า  เรากดตัวเลขที่มีสีหรือไม่มีสีครับ
>>
โค๊ด:
var theColorIs = $('a').css("color");
บันทึกการเข้า

จูมล่าโฮส สยามโฮสเว็บ modty.com
รวมที่พัก เช่ารายวัน ที่พักเช่ารายเดือนมากที่สุดแจ่มจริง
***Tel 083-757-1515 ติดปัญหา Joomla ตรงไหนรับปรึกษาฟรี โทรมาเถอะครับ ถ้าตอบได้ช่วยแน่นอน ไม่มีกั้ก. ***
golf1122
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 34



ดูรายละเอียด
« ตอบ #27 เมื่อ: 11 ตุลาคม 2019, 18:45:38 »

เราจะเช็คยังไงครับว่า  เรากดตัวเลขที่มีสีหรือไม่มีสีครับ
>>
โค๊ด:
var theColorIs = $('a').css("color");

อันนี้ได้เเล้วครับ
ตอนนี้เเต่ติดที่ กดครั้งที่ 5 มันเเสดงเเต่ช่องเเรกครับ ทำยังไงให้มันเเสดงช่องต่อไปเรื่อยๆครับ
บันทึกการเข้า
smapan
Global Moderator
เจ้าพ่อบอร์ดเสียว
*****

พลังน้ำใจ: 641
ออฟไลน์ ออฟไลน์

กระทู้: 8,247



ดูรายละเอียด เว็บไซต์
« ตอบ #28 เมื่อ: 11 ตุลาคม 2019, 20:14:28 »

เราจะเช็คยังไงครับว่า  เรากดตัวเลขที่มีสีหรือไม่มีสีครับ
>>
โค๊ด:
var theColorIs = $('a').css("color");

อันนี้ได้เเล้วครับ
ตอนนี้เเต่ติดที่ กดครั้งที่ 5 มันเเสดงเเต่ช่องเเรกครับ ทำยังไงให้มันเเสดงช่องต่อไปเรื่อยๆครับ

change index
บันทึกการเข้า

จูมล่าโฮส สยามโฮสเว็บ modty.com
รวมที่พัก เช่ารายวัน ที่พักเช่ารายเดือนมากที่สุดแจ่มจริง
***Tel 083-757-1515 ติดปัญหา Joomla ตรงไหนรับปรึกษาฟรี โทรมาเถอะครับ ถ้าตอบได้ช่วยแน่นอน ไม่มีกั้ก. ***
golf1122
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 34



ดูรายละเอียด
« ตอบ #29 เมื่อ: 12 ตุลาคม 2019, 08:46:07 »

เราจะเช็คยังไงครับว่า  เรากดตัวเลขที่มีสีหรือไม่มีสีครับ
>>
โค๊ด:
var theColorIs = $('a').css("color");

อันนี้ได้เเล้วครับ
ตอนนี้เเต่ติดที่ กดครั้งที่ 5 มันเเสดงเเต่ช่องเเรกครับ ทำยังไงให้มันเเสดงช่องต่อไปเรื่อยๆครับ

change index

ใส่ยังไงครับ พอจะมีตัวอย่างไหม ผมลองหาเเล้วไม่เจอเลย
บันทึกการเข้า
smapan
Global Moderator
เจ้าพ่อบอร์ดเสียว
*****

พลังน้ำใจ: 641
ออฟไลน์ ออฟไลน์

กระทู้: 8,247



ดูรายละเอียด เว็บไซต์
« ตอบ #30 เมื่อ: 15 ตุลาคม 2019, 09:47:10 »

เราจะเช็คยังไงครับว่า  เรากดตัวเลขที่มีสีหรือไม่มีสีครับ
>>
โค๊ด:
var theColorIs = $('a').css("color");

อันนี้ได้เเล้วครับ
ตอนนี้เเต่ติดที่ กดครั้งที่ 5 มันเเสดงเเต่ช่องเเรกครับ ทำยังไงให้มันเเสดงช่องต่อไปเรื่อยๆครับ

change index

ใส่ยังไงครับ พอจะมีตัวอย่างไหม ผมลองหาเเล้วไม่เจอเลย

https://www.w3schools.com/js/t...p?filename=tryjs_array_element
cars[0];
cars[1];
cars[2];
บันทึกการเข้า

จูมล่าโฮส สยามโฮสเว็บ modty.com
รวมที่พัก เช่ารายวัน ที่พักเช่ารายเดือนมากที่สุดแจ่มจริง
***Tel 083-757-1515 ติดปัญหา Joomla ตรงไหนรับปรึกษาฟรี โทรมาเถอะครับ ถ้าตอบได้ช่วยแน่นอน ไม่มีกั้ก. ***
golf1122
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 34



ดูรายละเอียด
« ตอบ #31 เมื่อ: 15 ตุลาคม 2019, 11:03:00 »

เราจะเช็คยังไงครับว่า  เรากดตัวเลขที่มีสีหรือไม่มีสีครับ
>>
โค๊ด:
var theColorIs = $('a').css("color");

อันนี้ได้เเล้วครับ
ตอนนี้เเต่ติดที่ กดครั้งที่ 5 มันเเสดงเเต่ช่องเเรกครับ ทำยังไงให้มันเเสดงช่องต่อไปเรื่อยๆครับ

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

change index

ใส่ยังไงครับ พอจะมีตัวอย่างไหม ผมลองหาเเล้วไม่เจอเลย

https://www.w3schools.com/js/t...p?filename=tryjs_array_element
cars[0];
cars[1];
cars[2];
ได้เเล้วครับขอบคุณครับ wanwan017
« แก้ไขครั้งสุดท้าย: 15 ตุลาคม 2019, 11:03:44 โดย golf1122 » บันทึกการเข้า
หน้า: 1 [2]   ขึ้นบน
พิมพ์