JS Advanced Exam - 27 June 2020
имам проблем на първата задача (01. Pet Me) при мен всичко ми работи но ми дава 25/100
кода ми: https://pastebin.com/yXv9N0rP
задачата: https://judge.softuni.bg/Contests/Practice/Index/2469#0
имам проблем на първата задача (01. Pet Me) при мен всичко ми работи но ми дава 25/100
кода ми: https://pastebin.com/yXv9N0rP
задачата: https://judge.softuni.bg/Contests/Practice/Index/2469#0
трябва да направиш проверка за age-a да е число каквото и да е, също така във #adopted секцията имаш ul трябва да закачиш li също не видях да правиш никъде проверка дали има value na input полето. Като цяло кодата ти е доста сбръчкан и малко се затрудних да го чета, но ето ти решение на 100% погледни и сравни.
 
function solve() {
    const inputs = {
        name: document.querySelector('input[placeholder="Name"]'),
        age: document.querySelector('input[placeholder="Age"]'),
        kind: document.querySelector('input[placeholder="Kind"]'),
        owner: document.querySelector('input[placeholder="Current Owner"]'),
    }
const btn = document.querySelector('button');
btn.addEventListener('click', addAnimal);
    function addAnimal(e) {
        e.preventDefault();
        let nameValue = inputs.name.value;
        let ageValue = inputs.age.value;
        let kindValue = inputs.kind.value;
        let ownerValue = inputs.owner.value;
        if (nameValue !== '' && !isNaN(ageValue) && kindValue !== '' && ownerValue !== '') {
            addItems(nameValue, ageValue, kindValue, ownerValue);
        }
    }
function addItems(nameValue, ageValue, kindValue, ownerValue) {
let section = document.querySelector('#adoption ul');
        let li = document.createElement('li');
        let p = document.createElement('p');
p.innerHTML = `<strong>${nameValue}</strong> is a <strong>${ageValue}</strong> year old <strong>${kindValue}</strong>`
let span = document.createElement('span');
span.textContent = `Owner: ${ownerValue}`;
        let btnContact = document.createElement('button');
        btnContact.textContent = 'Contact with owner';
        li.appendChild(p);
        li.appendChild(span);
        li.appendChild(btnContact);
section.appendChild(li);
        inputs.name.value = '';
        inputs.age.value = '';
        inputs.kind.value = '';
        inputs.owner.value = '';
        btnContact.addEventListener('click', contact)
    }
    function contact() {
        let element = this.parentNode
        let btn = element.querySelector('button');
        btn.remove();
let div = document.createElement('div');
        let input = document.createElement('input');
        input.placeholder = 'Enter your names'
let newBtn = document.createElement('button');
        newBtn.textContent = 'Yes! I take it!';
        div.appendChild(input);
        div.appendChild(newBtn);
        element.appendChild(div);
newBtn.addEventListener('click', newOwner);
};
    function newOwner() {
        let element = this.parentNode.parentNode;
        let div = element.querySelector('div');
        let input = div.querySelector('input');
        if (input.value !== '') {
            let span = element.querySelector('span');
            span.textContent = `New Owner: ${input.value}`
            div.remove();
            let btn = document.createElement('button');
            btn.textContent = 'Checked';
element.appendChild(btn);
            let section = document.querySelector('#adopted ul');
            section.appendChild(element);
            btn.addEventListener('click', adopt);
        }
    };
    function adopt(e) {
        let element = e.target.parentNode;
        element.remove()
    }
}
 
благодаря