如何使用Elseif语句显示隐藏的文本

Question

javaScript的新手，在隐藏面板上需要一些帮助。

我希望用户以单选按钮表格回答一些问题，这些问题将分配给检查答案的不同值。隐藏面板中将有3种不同的结果选项，根据分数，将显示一个结果。

链接到完整代码和HTML

function results() {
            var lRisk = document.getElementById('lowRisk')
            var mRisk = document.getElementById('mediumRisk')
            var hRisk = document.getElementById('highRisk')
        if ((score >= 0) && (score =< 15)) {
            lRisk.style.display = 'inline';
        } else if ((score >= 16) && (score <= 25)) {
    mRisk.style.display = 'inline';
         } else {
        lRisk.style.display = 'inline';
        }

非常感谢任何帮助/建议！

Answer 1

如果您只需要根据分数显示一个控件，则应使所有这些都隐藏在开始时，然后执行您的条件。

function results() {
        var lRisk = document.getElementById('lowRisk')
        var mRisk = document.getElementById('mediumRisk')
        var hRisk = document.getElementById('highRisk')
        lRisk.style.display = 'none';
        mRisk.style.display = 'none';
        hRisk.style.display = 'none';
        if (score >= 0 && score <= 15) {
            lRisk.style.display = 'inline';
        } else if (score >= 16 && score <= 25) {
            mRisk.style.display = 'inline';
        } else {
            hRisk.style.display = 'inline';
        }
}