JavaScript'te Formlarla Kod Hatalarını Bulma
Aşağıdaki görevlerde bir programcı kod yazmış ve muhtemelen içinde hatalar yapmıştır. Kodun açıklandığı gibi çalışıp çalışmadığını kontrol etmelisiniz. Eğer kod doğru çalışmıyorsa, hataları düzeltmelisiniz.
Задание 1
Odak kaybedildiğinde textarea'daki metin div'e yazılmalıdır:
html<textarea></textarea>
<div></div>javascriptlet textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
Задание 2
Butona tıklandığında div'e ya bir, ya da diğer değer yazılmalıdır:
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
Butona tıklandığında, eğer checkbox işaretliyse bir değer yazdırılmalı, işaretli değilse başka bir değer yazdırılmalı:
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('---');
}
});