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

这是你应该做的。

应在onclick处理程序中分配

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.onclick = function() {
    var input1 = document.getElementById("text").value;
    reversals(input1);
}

Answer 2

如前所述，您有拼写错误，需要将button.onlclick更改为button.onclick。接下来，当您执行一个referal时，它仍然具有从加载文档时的text值，该值为空。您需要获得新值：

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

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

2 个答案: