Проналажење грешака у коду са формама у JavaScript
У следећим задацима један програмер је написао код и, могуће, направио грешке. Морате проверити да ли код ради оно што је описано. Ако код не ради исправно, морате исправити грешке.
При губитку фокуса текст из textarea треба да се уписује у див:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
При клику на дугме у див треба да се уписује или једна, или друга вредност:
<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('---');
}
});