Форумчане, выручайте!

[Berezagrad]

В общем и целом вопрос в следующем
Есть кусок кода

<div class="col-1">
    <div class="bts">
    </div>
</div>
<div class="col-2">
    <div class="fan" data-id="yes">
    </div>
</div>

У класса "fan" изменяется data-id (YES и NO)
Как мне сделать так, чтобы при data-id="yes" удалялся <div class="col-1">... А при data-id="no" удалялся <div class="col-2"?!!

 

[Berezagrad]

Мда, кодеров тут нема Либо мне не захотели помочь Если кому понадобится такая херь, ТУТ есть ответ

 

[cyber]

Мда, кодеров тут нема Либо мне не захотели помочь Если кому понадобится такая херь, ТУТ есть ответ

хах, сам же задал вопрос,сам же ответил на него. Бывает такое )

 

[yozie]

Может кто еще столкнется, через JS, document.querySelector выбираешь элемент, через dataset меняешь поля

 

[Semyon__ykt]

В общем и целом вопрос в следующем
Есть кусок кода

<div class="col-1">
    <div class="bts">
    </div>
</div>
<div class="col-2">
    <div class="fan" data-id="yes">
    </div>
</div>

У класса "fan" изменяется data-id (YES и NO)
Как мне сделать так, чтобы при data-id="yes" удалялся <div class="col-1">... А при data-id="no" удалялся <div class="col-2"?!!

<div class="col-1">
    <div class="bts">
        Блок 1
    </div>
</div>
<div class="col-2">
    <div class="fan" data-id="yes">
        Блок 2
    </div>
</div>

<script>
    // Получаем элемент с классом 'fan'
    const fanElement = document.querySelector('.fan');

    // Функция для удаления соответствующего блока
    function removeDiv() {
        const dataId = fanElement.getAttribute('data-id'); // Получаем значение data-id
        
        if (dataId === 'yes') {
            // Удаляем col-1, если data-id равно 'yes'
            const col1 = document.querySelector('.col-1');
            if (col1) {
                col1.remove(); // Удаление элемента из DOM
            }
        } else if (dataId === 'no') {
            // Удаляем col-2, если data-id равно 'no'
            const col2 = document.querySelector('.col-2');
            if (col2) {
                col2.remove(); // Удаление элемента из DOM
            }
        }
    }

    // Вызов функции для удаления блока
    removeDiv();
</script>