简体   繁体   English

将输入返回到段落

[英]Return input to paragraph

How do I return the input (#input) to my paragraph (#para)? 如何将输入(#input)返回到我的段落(#para)? May seem like a simple answer but not for me since I am a beginner and trying to learn as much as possible. 可能似乎是一个简单的答案,但对我而言却不是,因为我是一个初学者并尝试学习尽可能多的东西。 The returned value should come out backwards.. 返回的值应向后显示。

Here's the HTML: 这是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>

And the Javascript: 和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();
}

I think you are adding the input text to wrong id. 我认为您将输入文本添加到错误的ID。 it should be added to "para" instead of "frm". 应该将其添加到“ para”而不是“ frm”。

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

});

Not sure what you want to ask. 不知道你想问什么。 In your script you are using Jquery. 在脚本中,您正在使用Jquery。 If your want to get any Id using javascript then you can use document.getElementById("para") and if you want to get any object using jquery then it's simple just use $ sign like $("#para") now you can do any operation on these java script object what you want. 如果您想使用javascript获取任何ID,则可以使用document.getElementById(“ para”),如果您想使用jquery获取任何对象,则只需使用$符号,例如$(“#para”)就可以了。您想要对这些Java脚本对象执行的任何操作。

If you want to return any value through function then it's also simple 如果您想通过函数返回任何值,那么它也很简单

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

I think there is a native jQuery function which takes an array of characters 我认为有一个本地jQuery函数需要一个字符数组

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

});

Try that 试试看

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM