JavaScript ဖြင့် အရောင်ပြောင်းဂိမ်း

ဤကဏ္ဍတွင် ကျွန်ုပ်၏ အကူအညီဖြင့် ဂိမ်းတစ်ခုကို အကောင်အထည်ဖော်ပါမည်။ ဂိမ်းသည် ဇယားတစ်ခုဖြစ်ပြီး ၎င်း၏ ဆဲလ်များကို ကျပန်းအရောင်များဖြင့် ခြယ်သထားပါမည်။

အရောင်အစုံတစ်ခု သတ်မှတ်ထားပါစို့၊ ဥပမာ- အနီ၊ အစိမ်း၊ အပြာ။ ဆဲလ်တစ်ခုကို တစ်ချက်နှိပ်လျှင် ၎င်း၏ အရောင်ကို စက်ဝိုင်းပုံစံဖြင့် ပြောင်းလဲပေးပါစို့။ ဂိမ်း၏ ရည်ရွယ်ချက်မှာ နှိပ်ချက်အနည်းဆုံးဖြင့် ဇယားကို တစ်မျိုးတည်း - မည်သည့်အရောင်ဖြစ်ဖြစ် - ဖြစ်အောင်ပြုလုပ်ရန်ဖြစ်သည်။

အကောင်အထည်ဖော်ခြင်းကို စတင်ကြပါစို့။ ပထမဦးစွာ ဇယား<table> ပုံစံဖြင့် ဂိမ်းကွင်းကို ပြုလုပ်ပါမည်။

<table id="field"></table>

လှပမှုရှိစေရန် CSS ကုဒ်အချို့ကို ထည့်သွင်းပါမည်။

#field td {
	width: 50px;
	height: 50px;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
}

ယခုအခါ ကျွန်ုပ်တို့၏ ဂိမ်းကို အကောင်အထည်ဖော်ရန် ချဉ်းကပ်နည်းကို ဆွေးနွေးကြပါစို့။ သင်မြင်တွေ့သည့်အတိုင်း၊ ဤတာဝန်သည် ချက်ချင်းဖြေရှင်းရန် လုံလောက်စွာ ကြီးမားနေပါသည်။ ထို့ကြောင့် ၎င်းကို အဆင့်များခွဲခြားရမည် - လုပ်ငန်းခွဲများ၊ ၎င်းတို့ကို လုပ်ဆောင်ခြင်းအားဖြင့် တဖြည်းဖြည်း ကျွန်ုပ်တို့၏ အဓိကတာဝန်ကို ဖြေရှင်းနိုင်မည်ဖြစ်သည်။

ပထမဦးစွာ အကျိုးသင့်အကြောင်းသင့်ဆုံးသော အဆင့်မှာ ဇယား၏ ဆဲလ်များကို ဖန်တီးသည့် စကရစ်ပ္တကို ရေးသားခြင်းဖြစ်သည်။ ဥပမာအားဖြင့်၊ ဂိမ်းကွင်း၏ အရွယ်အစားကို အောက်ပါ variable များတွင် သိမ်းဆည်းထားပါစို့။

let rows = 3;
let cols = 3;

ပေးထားသော HTML နှင့် CSS ကုဒ်များကို မိတ္တူကူးပါ။ သတ်မှတ်ထားသော အရွယ်အစားရှိ ဇယားတစ်ခုကို ဖန်တီးမည့် ကုဒ်ကို ရေးသားပါ။