JavaScript-те формалармен жұмыс істегендегі кодтағы қателерді іздеу
Келесі тапсырмаларда бір программист код жазған және ол кодта қателер жіберген болуы мүмкін. Сіз кодтың сипатталғандай жұмыс істейтінін тексеруіңіз керек. Егер код дұрыс жұмыс істемесе, сіз қателерді түзетуіңіз керек.
Задание 1
Фокусты жоғалтқан кезде 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
Түймені басқан кезде, егер чекбокс белгіленген болса, онда бір мән шығуы керек, ал егер белгіленбеген болса - басқа:
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('---');
}
});