将输入返回到段落

Return input to paragraph

本文关键字：段落 返回 输入      更新时间：2023-09-26

如何将输入（#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();
}

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

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

尝试

我认为您将输入文本添加到了错误的id中。应该将其添加到"para"而不是"frm"中。

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

不确定您想问什么。在您的脚本中，您使用的是Jquery。如果你想使用javascript获取任何Id，那么你可以使用document.getElementById（"para"），如果你想用jquery获取任何对象，那么很简单，只需使用$sign-like$（"#para"），现在你可以对这些java脚本对象执行你想要的任何操作。

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

function getValue()
{
 var item=document.getELementById("para");
 return item;
}
相关文章：