JavaScriptでのフォームコードのエラー検出
以下の課題では、あるプログラマーがコードを書きましたが、おそらくエラーが含まれています。あなたは、コードが記述された通りに動作するか確認する必要があります。コードが正しく動作しない場合は、エラーを修正しなければなりません。
テキストエリアからフォーカスが外れたときに、そのテキストがdivに書き込まれるべきです:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
ボタンをクリックすると、divには一方または他方の値が書き込まれるべきです:
<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';
}
});
ボタンをクリックしたとき、チェックボックスがオンであれば一方の値が、オフであれば他方の値が出力されるべきです:
<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('---');
}
});