JSFiddle - React, Tailwind, and code Playground

HTML

<form action="javascript:void(0)">
	<input type="text" name="cookie" id="cookie" value="">
   <div id="pics">
   
   
   
   </div>
   <div id="radio">
   <input type="radio" name="char" id="char1" value="1">
   <input type="radio" name="char" id="char2" value="2">
   <input type="radio" name="char" id="char3" value="3">
   </div>
 <input type="button" name="Fight" id="saveCookie" value="Fight" onclick="window.location.href='Battle.html'">
 </form>

JavaScript

$(function(){
    	// attach event listener to save cookie button
    	$('#saveCookie').click(function(){
    		// set cookie expiration to 1 year from today
    		var expDate = new Date();
    		expDate.setFullYear(expDate.getFullYear() + 1);
    		// create cookie string
    		var cookieStr = $('#cookie').val() + ";expires=" + expDate.toGMTString();
    		// create cookie
    		var cookieChar = $('#choice').val() + ";expires=" + expDate.toGMTString();
    		document.cookie = cookieStr;
    		document.choice = cookieChar;
    	});
    	
    });