ถาม javascript หน่อยครับ กดรูปเเล้วให้ขึ้นที่ td ยังไงครับ

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

ถาม javascript หน่อยครับ กดรูปเเล้วให้ขึ้นที่ td ยังไงครับ
กดรูปหรือเลขด้านล่าง เเล้วใช้มันโชว์ตางรางเเรก กด3ทีขึ้นตารางเเรก กดอีก3ทีก็ให้ขึ้นตารางถัดไป



<!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;
		}
		table, th {
			border: 1px solid black;
			border-collapse: collapse;
			text-align: center;
			width: 100%;
		}
		td {
			border: 1px solid black;
			border-collapse: collapse;
			width: 40px;
			height: 40px;

		}
		.set1 {
			border: none;
			outline: none;
			padding: 10px 16px;
			background-color: #f1f1f1;
			cursor: pointer;
			font-size: 18px;
		}

		/* Style the active class, and buttons on mouse-over */
		.active, .set1:hover {
			background-color: #666;
			color: white;
		}
		
		div.f1{
			width: 1000px;
		}
	</style>
</head>
<body>

	<script>
		
		myFunction = i => $(".demo1 td:empty:first").html($(i).html());
	</script>
	<div >
	
		<table width="1000" class="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><td></td><td></td><td></td><td></td></tr>

		
	</table>
</div>
<div class="f1">
		<table>
		<tbody>
			<tr>
				<td id="test1">
					<table style="border: 0px;" >
						<tbody>
							<tr onclick="myFunction(this)" >
								<td width="50%" class="set1" style="border: 0px;">1</td>
								<td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number1.png"></td>
							</tr>
						</tbody>
						
					</table>

				</td>
				<td id="test2">
					<table style="border: 0px;" >
						<tbody>
							<tr onclick="myFunction(this)" >
								<td width="50%" class="set1" style="border: 0px;">2</td>
								<td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number2.png"></td>
							</tr>
						</tbody>
						
					</table>

				</td>
				<td id="test1">
					<table style="border: 0px;" >
						<tbody>
							<tr onclick="myFunction(this)" >
								<td width="50%" class="set1" style="border: 0px;">3</td>
								<td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number3.png"></td>
							</tr>
						</tbody>
						
					</table>

				</td>
				<td id="test1">
					<table style="border: 0px;" >
						<tbody>
							<tr onclick="myFunction(this)" >
								<td width="50%" class="set1" style="border: 0px;">4</td>
								<td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number4.png"></td>
							</tr>
						</tbody>
						
					</table>

				</td>
				<td id="test1">
					<table style="border: 0px;" >
						<tbody>
							<tr onclick="myFunction(this)" >
								<td width="50%" class="set1" style="border: 0px;">5</td>
								<td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number5.png"></td>
							</tr>
						</tbody>
						
					</table>

				</td>
				<td id="test1">
					<table style="border: 0px;" >
						<tbody>
							<tr onclick="myFunction(this)" >
								<td width="50%" class="set1" style="border: 0px;">6</td>
								<td width="50%" class="set1" style="border: 0px;"><img width="50" height="50" src="img/number6.png"></td>
							</tr>
						</tbody>
						
					</table>

				</td>
			</tr>
		</tbody>
	</table>
	</div>
	</body>
	</html>



Golff Sinlapachai 110.77.234.xxx 24-10-2019 16:23:57

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

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


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


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

 ความคิดเห็นที่ 11
สมมุติคลิก3ครั้งสีเหลืองออก 1 2 3
ครั้งที่4 กดเลข 4 สีเหลืองที่เลข 1 2 3หาย ยังไม่ติ้ก ถูกผิด
ครั้งที่5 กดเลข 3 ให้ขึ้นติ้กถูก เราจะเช็คยังไงครับว่า เลข 1 2 3 เคยขึ้นสีเหลือง
ผมงงตรงนี้เเหละครับ
ขอบคุณที่มาตอบนะครับ


Golff Sinlapachai 110.77.204.xxx 31-10-2019 19:37






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