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.
Lors de la perte du focus, le texte de la textarea doit être écrit dans la div :
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
Lors d'un clic sur le bouton, la div doit contenir soit une valeur, soit l'autre :
<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';
}
});
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 :
<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('---');
}
});