JavaScript-ში ფორმებთან დაკავშირებული შეცდომების მოძიება
შემდეგ ამოცანებში რაღაც პროგრამისტმა დაწერა კოდი და, შესაძლოა, დაუშვა მასში შეცდომები. თქვენ უნდა შეამოწმოთ, აკეთებს თუ არა კოდი იმას, რაც აღწერილია. თუ კოდი მუშაობს არასწორად, თქვენ უნდა გამასწოროთ შეცდომები.
Задание 1
ტექსტური ველიდან (textarea) ფოკუსის დაკარგვისას ტექსტი უნდა ჩაიწეროს div-ში:
html<textarea></textarea>
<div></div>javascriptlet textarea = document.querySelector('textarea');
let div = document.querySelector('div');
textarea.addEventListener('blur', function() {
div.textContent = textarea.value;
});
Задание 2
ღილაკზე დაწკაპუნებით div-ში უნდა ჩაიწეროს ან ერთი, ან მეორე მნიშვნელობა:
html<input type="checkbox">
<div></div>
<button>button</button>javascriptlet 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';
}
});
Задание 3
ღილაკზე დაწკაპუნებისას, თუ ჩექბოქსი მონიშნულია, უნდა გამოიტანოს ერთი მნიშვნელობა, ხოლო თუ არაა მონიშნული - მეორე:
html<input type="checkbox">
<button>button</button>javascriptlet checkbox = document.querySelector('[type="checkbox"]');
let button = document.querySelector('button');
button.addEventListener('click', function() {
if (checkbox.checked === true) {
console.log('+++');
} else {
console.log('---');
}
});