Question

我试图创建一个程序，用户将在字段中输入一些文本，并在按下＆＃34;开始＆＃34;文本将转到段落，但它将向后显示。试着用Html，jquery和Css做到这一点。我怎么能这样做？

这是Html：

<!DOCTYPE html>
<html id="head">
<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="number" value="Start">
            <button id="input2"  onclick="">Start</button>
        </form>
    </div>
    <form id="frm">
        <p id="para"></p>
    </form>
</body>
</html>

$ / javascript（主要部分我需要帮助，如你所见）：

$(document).ready(function () {
    $('#input2').click(function () {
    });
});

Css（如果需要，不知道）：

#head {
}

#body {
    background-image: url('stardust.png');
}

#Main {
    width: 230px;
    padding: 10px;
    border: 1px double #ffffff;
    border-radius: 10px;
    margin: auto;
}

#frm {
    width: 230px;
    height: 500px;
    padding: 10px;
    border: 1px double #ffffff;
    border-radius: 10px;
    margin: auto;
}

#input {
    border-radius: 10px;
}

#input2 {
    border-radius: 10px;
}

Answer 1

不确定这是否正是您正在寻找的内容：

$(document).ready(function () {
    $('#startbutton').click(function () {
        $('#para').text($('#input').val().split('').reverse().join(''));
    });
});

JSFiddle

Answer 2

试试这个http://jsfiddle.net/Tushar490/th778nfs/

 $('#input2').click(function () {
  var value=$('#input').val();
  console.log($('#para').text(value.split("").reverse().join("")));
 });

将用户输入保存到段落

2 个答案: