В консоли работает но в скрипте не работает

Рейтинг: 0Ответов: 1Опубликовано: 24.03.2023

Не полный код из js. этот кусок находится в функции которую я в html вызываю на onclick, по клику на кнопку другой обьект должен становиться больше, в моём случае это текст который можно раскрыть нажав на кнопку

Работает только вторая часть кода с elif*

СРОЧНО НУЖНА ПОМОЩЬ

if (p.classList.contains('moretoshow') === true) {
        p.classList.remove('moretoshow');
        u.textContent = 'далее...';
    }   else if (p.classList.contains('moretoshow') !== true) {
            p.classList.add('moretoshow');
            u.textContent = 'меньше...';
        }

Изменено:


let u = document.querySelector('.p_continue');
let p = document.querySelector('.p');
u.addEventListener('click', more);
function more() {
 
    if (p.classList.contains('moretoshow') === true) {
        p.classList.remove('moretoshow');
        u.textContent = 'далее...';
    }   else if (p.classList.contains('moretoshow') !== true) {
            p.classList.add('moretoshow');
            u.textContent = 'меньше...';
        }
}
css javascript html веб-программирование
Источник: Stack Overflow на русском

Ответы

▲ 0Принят

Вставь вот это, и проверь. Подправил моменты с условием и с вызовом функции.

let u = document.querySelector('.p_continue');
let p = document.querySelector('.p');
u.addEventListener('click', () => more());
function more() {
 
    if (p.classList.contains('moretoshow')) {
        p.classList.remove('moretoshow');
        u.textContent = 'далее...';
    }   else {
            p.classList.add('moretoshow');
            u.textContent = 'меньше...';
        }
}