Gjetja e Gabimeve në Kod me Forma në JavaScript

Në detyrat e mëposhtme, një programues ka shkruar kodin dhe, ndoshta, ka bërë gabime në të. Ju duhet të kontrolloni nëse kodi bën atë që përshkruhet. Nëse kodi nuk funksionon si duhet, ju duhet të korrigjoni gabimet.

Задание 1

Kur humbet fokusi, teksti nga textarea duhet të shkruhet në 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

Kur klikohet butoni, në div duhet të shkruhet ose një vlerë, ose tjetra:

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

Kur klikohet butoni, nëse checkbox është e zgjedhur, duhet të shfaqet një vlerë, ndërsa nëse nuk është e zgjedhur - një tjetër:

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