我的剃须刀形式应使用哪种说法？

Question

我正在尝试制作一个动态表格，根据用户的答案显示问题。

回答是后，我设法揭示了一个问题。但是，一旦用户在表格上选择“否”，仍然应该显示“是”答案的问题。

我尝试使用下面的if语句，但这似乎不起作用。

        (() => {
        document.querySelectorAll('.test-abc').forEach(element => {
            element.addEventListener('change', _ => {
                const next = element.dataset.next;
                console.log(element.value);

                if (element.value == "yes") {
                    document.querySelector('#' + next).style.display = "block";
                }
                else if (element.value == "no") {
                    document.querySelector('#' + next).style.display = "none";
                }

                
            });
        });


    })();

我在剃刀视图中使用data-next属性来定义在回答“是/否”之后应该出现的问题。

我很想听听您关于这个问题的想法。