Fouten zoeken in code met formulieren in JavaScript
In de volgende taken heeft een programmeur code geschreven en mogelijk fouten gemaakt. Je moet controleren of de code doet wat beschreven is. Als de code niet correct werkt, moet je de fouten corrigeren.
Задание 1
Bij het verlies van focus moet de tekst uit de textarea worden geschreven naar de 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
Bij een klik op de knop moet in de div of de ene, of de andere waarde worden geschreven:
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
Bij een klik op de knop, als de checkbox is aangevinkt, moet de ene waarde worden weergegeven, en als deze niet is aangevinkt - de andere:
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('---');
}
});