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.
Ob izgubi fokusa naj se besedilo iz textarea zapiše v div:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
Ob kliku na gumb naj se v div zapiše ena ali druga vrednost:
<input type="checkbox">
<div></div>
<button>gumb</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';
}
});
Ob kliku na gumb, če je potrditveno polje označeno, naj se izpiše ena vrednost, če pa ni označeno - druga:
<input type="checkbox">
<button>gumb</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('---');
}
});