Soek Foute in Kode met Vorms in JavaScript
In die volgende take het 'n programmeerder kode geskryf en moontlik foute daarin gemaak. Jy moet nagaan of die kode doen wat beskryf word. As die kode nie korrek werk nie, moet jy die foute regmaak.
Met verlies van fokus moet die teks uit die textarea in die div geskryf word:
<textarea></textarea>
<div></div>
let textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.textContent;
});
Met 'n klik op die knoppie moet een of ander waarde in die div geskryf word:
<input type="checkbox">
<div></div>
<button>button</button>
let checkbox = document.querySelectorAll('#checkbox');
let button = document.querySelectorAll('#button');
let div = document.querySelectorAll('#div');
btn.addEventListener('click', function() {
if (checkbox.checked) {
div.value = '111';
} else {
div.value = '222';
}
});
Met 'n klik op die knoppie, as die merkbox gemerk is, moet een waarde vertoon word, en as dit nie gemerk is nie - 'n ander een:
<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('---');
}
});