mouse up event in jquery show text with color random

mouseup sends an event to an html element when the mouse button is clicked and released on the selected element.

Example: If you click, when you release the mouse button, "HELLO" will appear on the screen. The displayed text will appear in different colors from the designated colors in an array, from which one will always be chosen at random.

append(). Appends the specified html content after the selected html content.
Math.floor(). We round down a decimal number.
Math.random(). Gets a decimal number between 0 and 1

<div id="push" style="border:1px solid black;text-align:center;padding:15px;">
	If you click, when you release the mouse button, "HELLO" will appear on the screen
</div>
<p id="show"></p>
<!--Script jQuery-->
<script>
  colors = ['pink', 'red', 'yellow', 'blue', 'grey', 'orange'];
  
  $("#push").mouseup(function() {
    var color = colors[Math.floor(Math.random()*colors.length)];
    $('#show').append('<p style="color:'+color+'"> HELLO </p>');
  });
</script>