JSFiddle - React, Tailwind, and code Playground

HTML

<input class="button" id="test" type="button" name="button1" value="button1"><br>
<span class='balance'></span>
<label>Баланс: 
<input type='number' min="0" readonly class='balance'><br>
<span class='food'></span>
<label>Еда: 
<input type='number' min="0" readonly class='food'><br>
<span class='Настроение'></span>
<label>Настроение: 
<input type='number' min="0" readonly class='mood'><br>
<span class='health'></span>
<label>Здоровье: 
<input type='number' min="0" readonly class='health'><br>
    <label>Состояние:    
    <span class="sost"></span>

JavaScript

(function (factory) {
	if (typeof define === 'function' && define.amd) {
		// AMD
		define(['jquery'], factory);
	} else if (typeof exports === 'object') {
		// CommonJS
		factory(require('jquery'));
	} else {
		// Browser globals
		factory(jQuery);
	}
}(function ($) {


	var pluses = /\+/g;


	function encode(s) {
		return config.raw ? s : encodeURIComponent(s);
	}


	function decode(s) {
		return config.raw ? s : decodeURIComponent(s);
	}


	function stringifyCookieValue(value) {
		return encode(config.json ? JSON.stringify(value) : String(value));
	}


	function parseCookieValue(s) {
		if (s.indexOf('"') === 0) {
			// This is a quoted cookie as according to RFC2068, unescape...
			s = s.slice(1, -1).replace(/\\"/g, '"').replace(/\\\\/g, '\\');
		}


		try {
			// Replace server-side written pluses with spaces.
			// If we can't decode the cookie, ignore it, it's unusable.
			// If we can't parse the cookie, ignore it, it's unusable.
			s = decodeURIComponent(s.replace(pluses, ' '));
			return config.json ? JSON.parse(s) : s;
		} catch(e) {}
	}


	function read(s, converter) {
		var value = config.raw ? s : parseCookieValue(s);
		return $.isFunction(converter) ? converter(value) : value;
	}


	var config = $.cookie = function (key, value, options) {


		// Write


		if (value !== undefined && !$.isFunction(value)) {
			options = $.extend({}, config.defaults, options);


			if (typeof options.expires === 'number') {
				var days = options.expires, t = options.expires = new Date();
				t.setTime(+t + days * 864e+5);
			}


			return (document.cookie = [
				encode(key), '=', stringifyCookieValue(value),
				options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
				options.path    ? '; path=' + options.path : '',
				options.domain  ? '; domain=' + options.domain : '',
				options.secure  ? '; secure' : ''
			].join(''));
		}


		// Read


		var result = key ? undefined : {};


		// To...