Ricerca di errori nel codice con moduli in JavaScript
Nei seguenti compiti, un programmatore ha scritto del codice e, possibilmente, ha commesso degli errori. Devi verificare se il codice fa ciò che è descritto. Se il codice non funziona correttamente, devi correggere gli errori.
Alla perdita del fuoco, il testo dalla textarea deve essere scritto nel div:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
Al click sul pulsante nel div deve essere scritto uno o l'altro valore:
<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';
}
});
Al click sul pulsante, se la checkbox è selezionata, deve essere visualizzato un valore, altrimenti un altro:
<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('---');
}
});