JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.google.com/jsapi"></script>
  <!DOCTYPE html>
             <body>
             
             <a href="#" class="myButton" onclick="myFunction()">press</a>
             
             <script>
           function myFunction() {
                   var things = ['Rock', 'Paper', 'Scissors'];
                   var thing = things[Math.floor(Math.random()*things.length)];
                   alert('The computer chose: ' + thing);
}
                 </script>

         </body>

CSS

.myButton {
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:28px;
	font-weight:bold;
	padding:13px 31px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}