Оценить текст кнопки в выписке

Question

Здравствуйте, я пытался оценить textContent кнопки в утверждении, но на самом деле ничего не происходит.

Мой HTML:

<div class="app">
    <h2 id="question"></h2>
    <button class="options" type="button" value="val"><span></span></button>
    <button class="options" type="button" value="val"><span></span></button>
    <button class="options" type="button" value="val"><span></span></button>
    <button class="options" type="button" value="val"><span></span></button>
    </br>
    <button id="submit" type="button" name="button">Submit</button>
    <button id="back" type="button" name="button">Back</button>
</div>

function evaluate() {
    // click the submit button
    submitBtn.addEventListener('click', function() {
        //check if the selected answer is correct
        for(i = 0; i < options.length; i++) {
            if(options[i].classList.contains('picked').textContent === 6) {
                alert('welldone')
            }
        }
    })
}

Answer 1

Если вы пытаетесь сравнить текст кнопки и класс одновременно, вы можете использовать приведенный ниже код.Обратите внимание, что вы используете ===, который также сравнивает тип данных, поэтому либо измените свой 6 на '6', либо измените оператор сравнения с === на ==.Проверьте эту ссылку для деталей относительно Операторов сравнения

 $(document).ready(function () {
        var submitBtn = document.getElementById("submit");
        submitBtn.addEventListener('click', function () {
            //check if the selected answer is correct
            var options = document.querySelectorAll('.options');
            for (i = 0; i < options.length; i++) {
                if (options[i].classList.contains('picked') && options[i].textContent === "6") {
                    alert('welldone')
                }
            }
        });
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<div class="app">
    <h2 id="question"></h2>
    <button class="options picked" type="button" value="val"><span>6</span></button>
    <button class="options" type="button" value="val"><span></span></button>
    <button class="options" type="button" value="val"><span></span></button>
    <button class="options" type="button" value="val"><span></span></button>
    </br>
    <button id="submit" type="button" name="button">Submit</button>
    <button id="back" type="button" name="button">Back</button>
</div>