DoNiFF
@DoNiFF
C++ Developer

Почему не работают всплывающие уведомления?

function addError(message) {
    let chips = document.createElement('div');
    chips.classList.add('chips');
    chips.innerHTML = message;
    addChips(chips);
    setTimeout(function () { deleteChips(chips) }, 3000);
}
function deleteChips(chips) {
    chips.remove();
    let allChips = document.querySelectorAll('.chips-field .chips');
    if (allChips.length == 0) document.querySelector('.chips-field').remove();
}
function addChips(chips) {
    let chipsField = document.querySelector('.chips-field');
    if (chipsField) {
        chipsField.appendChild(chips);
    }
    else {
        let chipsField = document.createElement('div');
        chipsField.classList.add('chips-field');
        document.querySelector('body').appendChild(chipsField);
        chipsField.appendChild(chips);
    }
}

.chips {
    display: none;
    color: white;
    font-family: 'Mulish', sans-serif;
    font-size: 2em;
}
.chips-field {
    display: block;
}

Тупо ничего не выводится
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 2
Geminix
@Geminix
Фуллстек nuxt, .net разработчик
в стилях chips-fiels, а в скрипте chips-field
Ответ написан
@kefircus
function addChips(chips) {
    let chipsField = document.querySelector('.chips-field');
    if (chipsField) {
        chipsField.appendChild(chips);
    }
    else {
        let chipsField = document.createElement('div');
        chipsField.classList.add('chips-field');
        document.body.insertAdjacentElement('afterbegin', chipsField);
        chipsField.appendChild(chips);
    }
}

.chips {
    color: white;
    font-family: 'Mulish', sans-serif;
    font-size: 2em;
}
.chips-field {
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы