Hibakeresés űrlapokkal kapcsolatos JavaScript kódban
A következő feladatokban egy programozó megírt néhány kódot és esetleg hibákat vétett benne. Önnek ellenőriznie kell, hogy a kód azt csinálja-e, amit leírnak. Ha a kód helytelenül működik, ki kell javítania a hibákat.
Amikor a textarea elveszti a fókuszt, a szövegnek be kell kerülnie a div-be:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.textContent;
});
A gombra kattintáskor a div-be vagy az egyik, vagy a másik értéknek kell beírásra kerülnie:
<input type="checkbox">
<div></div>
<button>button</button>
let checkbox = document.querySelectorAll('#checkbox');
let button = document.querySelectorAll('#button');
let div = document.querySelectorAll('#div');
btn.addEventListener('click', function() {
if (checkbox.checked) {
div.value = '111';
} else {
div.value = '222';
}
});
A gombra kattintáskor, ha a jelölőnégyzet be van pipálva, akkor az egyik értéknek kell megjelennie, ha nincs bepipálva, akkor a másiknak:
<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('---');
}
});