将用户输入保存到段落中

Save user input to paragraph

本文关键字：段落中 保存 输入 用户      更新时间：2023-09-26

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

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

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

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

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

JSFiddle

相关文章：