JavaScript හි පෝරම සමඟ කේතයේ දෝෂ සෙවීම

පහත කාර්යයන් වලදී, යම් ප්‍රෝග්‍රාමර් කෙනෙක් කේතය ලිවීය සහ, සමහර විට එහි දෝෂ සිදු කර තිබිය හැකිය. ඔබ පරීක්ෂා කළ යුතුය, කේතය විස්තර කර ඇති දේ කරනවාද කියා. කේතය නම් වැරදි ලෙස ක්‍රියා කරයි, ඔබ දෝෂ නිවැරදි කළ යුතුය.

textarea වෙතින් පා 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('---');
	}
});