Loading...
NqkoiSiSmile avatar NqkoiSiSmile 5 Точки

трябва да направиш проверка за 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()
    }
}
 

0
boby4a avatar boby4a 1 Точки

благодаря

0
foawietowen avatar foawietowen 8 Точки

Hvis 2017 måske syntes at være 12 måneder af din hurtighed, plus 2018, på dette tidspunkt, en tre gange vertisementerne, kan Balenciaga muligvis trumfe en unik personlig træner, der kan prale sammen med det etablere, at det har styr på enheden? Oprindeligt bevidnet i april, mens han var i brandets Balenciaga Track 2-sko efterår / vinter 2018 powerpoint-præsentation omkring Paris, Frankrig ,, a Hold styr på opmuntrer til det hi-tech, turbo-web-tema for dine tre gange billige Balenciaga-sko Vertisements, ikke desto mindre efterlader nytten i det har det vigtigste.

Forsvundet kunne være de hoppende tri-lagede bundbund, plus omkring vil være højydelsesfunktioner, der involverer klatring plus igangværende forsyninger. Antag rigelig Gore-Tex, din kennel Balenciaga herresko-konstruktion inden i din baghæl inklusive en visit link detaljeret, involveret bånd Balenciaga sneakers-procedure.

Tre Hold styr på arten vil etablere sig fuldstændigt under Selfridges 'Områdesøgning i september 3-23 Balenciaga-overtagelse ved hjælp af kunstværker ved https://www.kotradystyle.com/ hjælp af Symbol Balenciaga kvindesko Jenkins. Ikke desto mindre er det ikke overraskende at fnise til en enhed spar til 3. september plus besøgsboliger ved hjælp af nogle af en leg 550-leg teknik. For at registrere dig som et resultat af Balenciagatrack. com ud af 23. august-3. september er virkelig vigtigt, så du kan booke nogen tid Balenciaga sko video slot maskine for at gå til et etablissement plus forudvælge de krævede uddannelsesorganisationer, der tidligere skal betale for.

At få din særlige opmærksomhed er en ligetil Balenciaga-trænerafdeling; copping a Rails, ja… det er bestemt et yderligere dilemma. På dette tidspunkt inkluderer Balenciaga designet disse folk, der er fuldt ud tilbudt på Selfridges, plus du vil placere sessionen i forkant af at ofre Balenciaga Track sko ved og ansøge om under Balenciagatrack com.

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.