Fehlersuche in JavaScript-Formularen
In den folgenden Aufgaben hat ein Programmierer Code geschrieben und möglicherweise Fehler gemacht. Sie müssen überprüfen, ob der Code das tut, was beschrieben ist. Wenn der Code fehlerhaft arbeitet, müssen Sie die Fehler korrigieren.
Beim Verlust des Fokus sollte der Text aus der Textarea in die Div geschrieben werden:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
Beim Klick auf den Button sollte in die Div entweder der eine oder der andere Wert geschrieben werden:
<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';
}
});
Beim Klick auf den Button, wenn die Checkbox markiert ist, sollte ein Wert ausgegeben werden, und wenn nicht markiert - ein anderer:
<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('---');
}
});