JSFiddle - React, Tailwind, and code Playground

HTML

<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
	<script src='js/time.js'></script>
	<title>Проба JS</title>

</head>
<body>
<input id="but1" type="button" value="Начать анимацию" />
<p id="par1">Text</p>
</body>
</html>

CSS

#par1 {
		position:relative;
		}

JavaScript

var min = 0, max=320;
function x() {
	var rand = min - 0.5 + Math.random()*(max-min+1)
	rand = Math.round(rand);
	return rand;
}
function y() {
	var rand = min - 0.5 + Math.random()*(max-min+1)
	rand = Math.round(rand);
	return rand;
}

var ChangeText = function() {
	document.getElementById("par1").innerHTML="Anything";
};


$(document).ready(function(){
   $("#but1").click(function(){
      $("p").animate({fontSize:26},500);
      $("p").animate({top:y(),left:x()},300);
      $("p").animate({top:y(),left:x()},300);
      $("p").animate({top:y(),left:x()},300);
      ChangeText;
      $("p").animate({top:y(),left:x()},300);
      $("p").animate({top:y(),left:x()},300);
      $("p").animate({top:y(),left:x()},300);
      $("p").animate({top:y(),left:x()},300);
      $("p").animate({top:0,left:0},300);
   });
});