Găsirea erorilor în codul cu formulare în JavaScript
În următoarele probleme, un programator a scris cod și, posibil, a făcut erori în el. Trebuie să verificați dacă codul face ceea ce este descris. Dacă codul funcționează incorect, trebuie să corectați erorile.
La pierderea focusului, textul din textarea ar trebui să fie scris în div:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
La click pe buton, în div ar trebui să fie scrisă fie una, fie cealaltă valoare:
<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';
}
});
La click pe buton, dacă checkbox-ul este bifat, ar trebui să se afișeze o valoare, iar dacă nu este bifat - alta:
<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('---');
}
});