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

Задание 1

textarea වෙතින් පා textarea අවධානය අහිමි වූ විට div එකට ලියා තැබිය යුතුය:

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

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

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

Задание 2

බොත්තම මත ක්ලික් කිරීමෙන් div එකට එක් අගයක් හෝ අනෙක් අගය ලියා තැබිය යුතුය:

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

javascriptlet 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';
  }
});

Задание 3

බොත්තම මත ක්ලික් කළ විට, checkbox සලකුණු කර ඇත්නම්, එක් අගයක් පෙන්විය යුතුය, සලකුණු කර නොමැති නම් - අනෙක් අගය:

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

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

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