Iskanje napak v kodi s formulari v JavaScript
V naslednjih nalogah je neki programer napisal kodo in morda naredil napake. Preveriti morate, ali koda dela tako, kot je opisano. Če koda ne deluje pravilno, morate napake popraviti.
Задание 1
Ob izgubi fokusa naj se besedilo iz textarea zapiše v 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
Ob kliku na gumb naj se v div zapiše ena ali druga vrednost:
html<input type="checkbox">
<div></div>
<button>gumb</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
Ob kliku na gumb, če je potrditveno polje označeno, naj se izpiše ena vrednost, če pa ni označeno - druga:
html<input type="checkbox">
<button>gumb</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('---');
}
});