Палиндромный код выглядит нормально, но я не могу заставить его работать

Question

Я выполняю задачу палиндромного кодера и очень плохо знаком с кодированием. Я не могу заставить его работать правильно, чтобы спасти мою жизнь. Мне кто-то посмотрел на это, и они сказали, что все должно быть хорошо, но, очевидно, что-то не так. Я пробовал различные небольшие изменения, обновляя в VS каждый раз, и, кажется, ничего не работает.

    $('#bntCrunch').on("click", function () {

        var str = $('input').val()
        function pal() {
            const reversed = str
                .split('')
                .reverse()
                .join('');

            return str === reversed;

            if (str == reversed) {
                document.getElementById('output').innerHTML(str);
            }

            else {
                document.getElementById('output').innerHTML("That is not a palindrome");
            }
        }
    })

</script>

VS, кажется, говорит "pal был определен, но его значение никогда не читается" независимо от того, где я вызываю функцию.

Answer 1

вы уже возвращаете логическое значение в функции pal (); этот возврат str === обратный; вы не хотите иметь это там.

также, не забудьте вызвать приятеля ()

Answer 2

Будьте внимательны, если вы хотите, чтобы регистр не учитывался, вам нужно добавить «.toLowerCase ()» с каждой стороны теста «===».

$( document ).ready(function() {
  $( "#button" ).on( "click", function() {
    $('#result').text($('#test').val()===$('#test').val().split('').reverse().join('')?"OK":"KO");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="test" />
<input type="button" id="button" value="Test" />
<div id="result"></div>