Recherche d'erreurs dans le code avec des formulaires en JavaScript
Dans les tâches suivantes, un certain programmeur a écrit du code et a peut-être fait des erreurs. Vous devez vérifier si le code fait ce qui est décrit. Si le code fonctionne incorrectement, vous devez corriger les erreurs.
Задание 1
Lors de la perte du focus, le texte de la textarea doit être écrit dans la 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
Lors d'un clic sur le bouton, la div doit contenir soit une valeur, soit l'autre :
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
Lors d'un clic sur le bouton, si la case à cocher est cochée, une valeur doit s'afficher, et si elle n'est pas cochée - une autre :
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('---');
}
});