Loading...
Ivelinka avatar Ivelinka 24 Точки

проблем с 01. Forum posts от JS Advanced Retake Exam - 6 April 2022

Здравейте, получавам 50/100 и новосъздадените бутони не работят, някой може ли да ми помогне ?

задача: https://judge.softuni.org/Contests/Practice/Index/3425#0

код: 

function solve() {
    let fields = Array.from(document.querySelectorAll('input')).slice(0, 2)
    let contentEl = document.getElementById("post-content")
    let addBtnEl =  document.getElementById("publish-btn")
    let clearBtnEl =  document.getElementById("clear-btn") 
 
    let reviewSection = document.querySelector("#review-list");
    let publSection = document.querySelector('#published-list');
    
    clearBtnEl.addEventListener('click',onClear)           
    function onClear(e){                                   
        e.preventDefault();                                
        publSection.innerHTML = ''                      
    }                                                      
 
    addBtnEl.addEventListener('click',onNext)
    function onNext(e) {
        e.preventDefault();
        let[titleArr, categoryArr] = fields
        if(!titleArr.value || !categoryArr.value || !contentEl.value) {
            return;
        }
        const el = document.createElement('li');
        el.setAttribute('class', 'rpost')
        el.innerHTML = `
           <article>
             <h4>${titleArr.value}</h4>
             <p>Category: ${categoryArr.value}</p>
             <p>Content: ${contentEl.value}</p>
           </article>
           <button class="action-btn edit">Edit</button>
           <button class="action-btn approve">Approve</button>
        `         
        reviewSection.appendChild(el)

        let editTitle = titleArr.value;
        let editCategory = categoryArr.value;
        let editPost = contentEl.value;
 
        fields.forEach(x => x.value = '')
        contentEl.value = ""
 
        addBtnEl.disabled = true;
    
        el.querySelector('.action-btn edit').addEventListener("click", onEdit);
        function onEdit() {
            titleArr.value = editTitle;
            categoryArr.value = editCategory;
            contentEl.value = editPost;

            reviewSection.innerHTML = ''  
    
          addBtnEl.disabled = false; 
        }
        el.querySelector('.action-btn approve').addEventListener('click', onContinue);
        function onContinue() {
            publSection.innerHTML = `<li class="approve-content">
            <article>
              <h4>${titleArr.value}</h4>
              <p>Category: ${categoryArr.value}</p>
              <p>Content: ${contentEl.value}</p>
            </article>
         </li>
            `
         reviewSection.innerHTML = ''           
       }
    }
}

Тагове:
0
JavaScript Advanced
icowwww avatar icowwww 2779 Точки

Здравей,

1. За да селектираш с querySelector по два класа трябва да ги изпишеш и двата с точка и без разтояние между тях

querySelector('.action-btn.edit')

2. При onContinue достъпваш стойности, които вече са празни. Използвай променливите 

editTitle
editCategory
editPost

https://pastebin.com/C29iKSWa

 

 

1
Ivelinka avatar Ivelinka 24 Точки

Благодаря !

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