Ukagua Makosa ya Kificho katika Fomu za JavaScript
Katika kazi zifuatazo programu fulani imeandikwa na huenda kuna makosa yaliyofanywa. Unapaswa kukagua kama kificho kinafanya kile kilichoelezwa. Ikiwa kificho hakifanyi kazi vizuri, unapaswa kurekebisha makosa.
Wakati textarea inapopoteza umakini (blur), maandishi yaliyo ndani yake yanaandikwa kwenye div:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
Kwa kubofya kitufe, kwenye div inapaswa kuandikwa thamani moja au nyingine:
<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';
}
});
Kwa kubofya kitufe, ikiwa kisanduku cha uteuzi (checkbox) kimewekwa alama, basi thamani moja inapaswa kuonyeshwa, na ikiwa hakijawekwa alama - nyingine:
<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('---');
}
});