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.
Odak kaybedildiğinde textarea'daki metin div'e yazılmalıdır:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
Butona tıklandığında div'e ya bir, ya da diğer değer yazılmalıdır:
<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';
}
});
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ı:
<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('---');
}
});