如何使用 innerHTML 输出反向字符串？

Question

我正在尝试反转字符串并使用 innerHTML 输出结果。单击按钮时没有任何输出。

    <input type="text" id="text">
    <button id="reversal">Reverse</button>
    <div id="results"></div>

<script type="text/javascript">

    var input1 = document.getElementById("text").value;
    var button = document.getElementById("reversal");
    var result = document.getElementById("results");

    var reversals = function(string) {
        result.innerHTML = string.split("").reverse().join("");
    }

    button.onlclick = function() {
        reversals(input1);
    }
</script>

Answer 1

这是你应该做的。

input1 = document.getElementById("text").value; 应在 onclick 处理程序中分配。

var button = document.getElementById("reversal");
var result = document.getElementById("results");

var reversals = function(string) {
    result.innerHTML = string.split("").reverse().join("");
}

button.onclick = function() {
    var input1 = document.getElementById("text").value;
    reversals(input1);
}

Answer 2

如前所述，您有一个错字，您需要将 button.onlclick 更改为 button.onclick。接下来，当您进行引用时，它仍然具有加载文档时的 text 值，该值是空的。您需要获取新值：

button.onclick = function() {
    var input1 = document.getElementById("text").value;
    reversals(input1);
}

如何使用 innerHTML 输出反向字符串？

How to output a reverse string using innerHTML?

javascript

reverse

innerhtml