JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output1">
</div>
<div id="output2">
</div>
<div id="output3">
</div>
<br />
<div id="output4">
</div>

JavaScript

function getCookie(sKey) {
    if (!sKey) { return null; }
    return decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null;
}

var name1 = 'myCookie';
var name2 = 'myCookie2';
var name3 = 'myCookie(3)';

document.cookie = name1 + '=123';
document.cookie = name2 + '=(%20)';
document.cookie = name3 + '=ABC';

$('#output1').text('getCookie("' + name1 + '") = ' + getCookie(name1));
$('#output2').text('getCookie("' + name2 + '") = ' + getCookie(name2));
$('#output3').text('getCookie("' + name3 + '") = ' + getCookie(name3));

$('#output4').text(document.cookie);