Javascript 将用户输入保存到段落_Javascript_Jquery_Html_Css

Javascript 将用户输入保存到段落

javascript jquery html css

Javascript 将用户输入保存到段落,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图创建一个程序，用户将在一个字段中输入一些文本，当按下“开始”时，文本将转到一个段落，但它将向后显示。尝试使用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"></sc

我试图创建一个程序，用户将在一个字段中输入一些文本，当按下“开始”时，文本将转到一个段落，但它将向后显示。尝试使用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>

Css（不知道是否需要）：

不确定这是否正是您想要的：

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

试试这个

你在这方面有什么问题？这是一项非常简单的任务..

$（'#para'）.text（$（'#input'）.val（）.split（''）.reverse（）.join（''）@judgeja嗯，我是这方面的初学者。我想这就是为什么。你说的倒退到底是什么意思？？您想在文本框后面显示您的段落内容吗？@Tushar Raj我的意思是，单击“开始”时，段落中的字符应该向后显示。例如：用户输入：“嘿”。这样说：“是的”
#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;
}

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

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