反转并显示输入jquery

时间:2018-03-02 23:08:33

标签: javascript jquery html

我很困惑为什么它将原始输入和反向输入一起显示为一个。我玩过

word += input[i];

部分仍然无法弄明白。有什么帮助吗?

<script>
    var words = [];


     function displayWords() {

        $(".wordsView").empty();

        for (var i = 0; i < words.length; i++) {
            var a = $("<p>");
            a.addClass("word");
            a.attr("data-name", words[i]);
            a.text(words[i]);

            $(".wordsView").append(a);
        }
    };



    $("#typeSubmit").on("click", function(event) {
        event.preventDefault();

        var word = $("#textBox").val().trim();

        function reverseWord(input) {

        for (var i = input.length - 1; i >= 0; i--) {
            word += input[i];
        }

        console.log(word);
    };


        reverseWord(word);
        words.push(word);
        displayWords(word);
    });






</script>

2 个答案:

答案 0 :(得分:1)

最好使用reverseWord函数返回其计算结果,你可以运行: word = reverseWord(word); 或使用较短的版本,如下:

word = word.split('')。reverse()。join('')

答案 1 :(得分:0)

word仍然包含原始字词,并且您附加了该字词。改为使用临时变量:

function reverseWord(input) {
  var result = '';
  for (var i = input.length - 1; i >= 0; i--) {
    result += input[i];
  }
  console.log(result);
  // If you want to update word:
  word = result;
}