jQuery addClass example

Change class name on click in jQuery

by dgoodw01

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
		<div class="row">
			<div class="col-md-4">
				<h2>Murphy Rewards Survey</h2>
				<button class="generateUrl" type="button">Generate Survey Link</button>
				<p class="surveyLink" />
			</div>
			<button class="copyUrl" type="button">Copy URL</button>
		  <p>Survey URL: <input type="text" class="surveyUrl" style='width:800px;' /></p>
		</div>

JavaScript

$(document).ready(function(){
		var url = '';
		  $(".generateUrl").click(function(){
			  // generate URL
				createUrl();
				var hyperlink = $("<a />", {
													text : "Click here to take survey",
													title : "Survey Link",
													href : url
											});
				$('.surveyLink').append(hyperlink);
		  });
			$(".copyUrl").click(function(){
			  createUrl();
				$('.surveyUrl').val(url).select();
				document.execCommand("copy");
			});
			function createUrl (){
			var storeNumber = "9999";
				var transactionGuid = "aee35a15-f273-48a7-b0d9-1c4db54d79ca";
				var d = new Date();
				var day = d.getDate().toString().padStart(2,'0');
				var month = (d.getMonth() + 1).toString().padStart(2,'0');
				var year = d.getFullYear();
				var minutes = d.getMinutes().toString().padStart(2,'0');
				var hours = d.getHours().toString().padStart(2,'0');
				var monthDayYear = month + day + year;
				var hoursMinutes = hours + minutes;
				var baseUrl = "https://www.tellmurphyusa.com";
				var path = "?cn=" + storeNumber + monthDayYear + "&tm=" + hoursMinutes + "&GUID=" + transactionGuid + "&Source=App";
				url = baseUrl + path;
			}
		});