2014-09-17 5 views
-2

Я пытаюсь создать программу, в которой пользователь вводит какой-либо текст в поле, а при нажатии «Пуск» текст переходит к абзацу, но он будет показан назад. Попытка сделать это с помощью 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; 
} 
+1

какие части этого вы возникли проблемы с? Это очень простая задача. – James

+2

'$ ('# para'). Text ($ ('# input'). Val(). Split (''). Reverse(). Join (''));' – adeneo

+0

@judgeja хорошо, я новичок в этом. Наверное, поэтому. –

ответ

0

Попробуйте http://jsfiddle.net/Tushar490/th778nfs/

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

Спасибо большое! :) –

+0

Мое удовольствие :-) –

0

Не уверен, что это именно то, что вы ищете:

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

JSFiddle