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.
Задание 1
La pierderea focusului, textul din textarea ar trebui să fie scris în 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
La click pe buton, în div ar trebui să fie scrisă fie una, fie cealaltă valoare:
html<input type="checkbox">
<div></div>
<button>button</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
La click pe buton, dacă checkbox-ul este bifat, ar trebui să se afișeze o valoare, iar dacă nu este bifat - alta:
html<input type="checkbox">
<button>button</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('---');
}
});