JavaScript-ში ფორმებთან დაკავშირებული შეცდომების მოძიება
შემდეგ ამოცანებში რაღაც პროგრამისტმა დაწერა კოდი და, შესაძლოა, დაუშვა მასში შეცდომები. თქვენ უნდა შეამოწმოთ, აკეთებს თუ არა კოდი იმას, რაც აღწერილია. თუ კოდი მუშაობს არასწორად, თქვენ უნდა გამასწოროთ შეცდომები.
ტექსტური ველიდან (textarea) ფოკუსის დაკარგვისას ტექსტი უნდა ჩაიწეროს 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('---');
}
});