JavaScript ဖြင့် ဖောင်များတွင် ကုဒ်အမှားများရှာဖွေခြင်း

အောက်ပါလုပ်ဆောင်ချက်များတွင် ပရိုဂရမ်မာတစ်ဦးသည် ကုဒ်များ ရေးသားထားပြီး ၎င်းတွင် အမှားများ ပါဝင်နိုင်သည်။ ဖော်ပြထားသည့်အတိုင်း ကုဒ်က လုပ်ဆောင်ပါသလား စစ်ဆေးရန် လိုအပ်ပါသည်။ ကုဒ်သည် မမှန်ကန်စွာ အလုပ်လုပ်ပါက၊ အမှားများကို ပြုပြင်ရန် လိုအပ်ပါသည်။

Focus ပျောက်သွားသောအခါ textarea မှ စာသားကို div အတွင်း ရေးထည့်ရမည်။

<textarea></textarea>
<div></div>

let textarea = document.querySelector('textarea');
let div = document.querySelector('div');

textarea.addEventListener('blur', function() {
	div.textContent = textarea.value;
});

ခလုတ်ကို နှိပ်လိုက်သောအခါ div အတွင်း တန်ဖိုးတစ်ခု သို့မဟုတ် အခြားတန်ဖိုးတစ်ခု ရေးထည့်ရမည်။

<input type="checkbox">
<div></div>
<button>button</button>

let checkbox = document.querySelector('input[type="checkbox"]');
let button = document.querySelector('button');
let div = document.querySelector('div');

button.addEventListener('click', function() {
	if (checkbox.checked) {
		div.textContent = '111';
	} else {
		div.textContent = '222';
	}
});

ခလုတ်ကို နှိပ်လိုက်သောအခါ၊ checkbox ကို အမှတ်အသားပြုထားပါက တန်ဖိုးတစ်ခု ထုတ်ပြရမည်။ အမှတ်အသား မပြုထားပါက အခြားတန်ဖိုးတစ်ခု ထုတ်ပြရမည်။

<input type="checkbox">
<button>button</button>

let checkbox = document.querySelector('[type="checkbox"]');
let button = document.querySelector('button');

button.addEventListener('click', function() {
	if (checkbox.checked == true) {
		console.log('+++');
	} else {
		console.log('---');
	}
});