Question

如何将输入（#input）返回到我的段落（#para）？可能看起来像一个简单的答案，但不适合我，因为我是一个初学者，并尽可能多地学习。返回的值应该倒退..

这是HTML：

<!DOCTYPE html>
<html>
<head id="head">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="BackTalk.js"></script>
    <link rel="stylesheet" type="text/css" href="BackTalk.css">
    <title>BackTalk</title>
</head>
<body id="body">
    <div id="Main">
        <form>
            <input id="input" type="text">
            <button id="startbutton" onclick="Bata()">Start</button>
        </form>
    </div>
    <form id="frm">
        <p id="para"></p>
    </form>
    <div id="bottombtn">
        <button id="resetbtn" onclick="resetbtn">Reset</button>
    </div>
</body>
</html>

和Javascript：

$(document).ready(function () {
    $("#startbutton").click(function () {
        var reversed;
        $("#frm").text(reversed);
    });

});

function Bata() {
    var input = $("#input").val();
    var a = input.split(" ");

    for (var i = 0; i < a.length; i++) {
        a[i] = naiveReverse(a[i]);
    }

    var c = a.join(" ");
    var reversed = c;
}

function naiveReverse(aString) {
    var d = aString.split('');
    var e = d.reverse();
    var f = e.join('');
    return f;
}

function resetbtn() {
    location.reload();
}

Answer 1

我认为您正在将输入文本添加到错误的ID中。它应该被添加到“para”而不是“frm”。

$(document).ready(function () {
    $("#startbutton").click(function () {
        var reversed;
        $("#para").text(reversed);
    });

});

Answer 2

不确定你想问什么。在您的脚本中，您正在使用Jquery。如果你想使用javascript获得任何Id，那么你可以使用document.getElementById（＆＃34; para＆＃34;），如果你想使用jquery获取任何对象，那么它只需使用$ sign（如$）＆＃34; #para＆＃34;）现在你可以对这些java脚本对象做任何你想要的操作。

如果你想通过函数返回任何值，那么它也很简单

function getValue()
{
 var item=document.getELementById("para");
 return item;
}

Answer 3

我认为有一个本机jQuery函数，它接受一个字符数组

$(document).ready(function () {
    $("#startbutton").click(function () {
        var reversed = $("#input").val().split("").reverse().join("");
        $("#para").html(reversed);
    });

});

试试

将输入返回到段落

3 个答案: